ios - 如何在 SwiftUI 中自定义文本

Question

我正在尝试复制一个计算器应用程序。我似乎无法修改我的“文本” View 以使其看起来相似。

Text("0")
   .background(Color.gray)
   .cornerRadius(10)
   .font(.largeTitle)

但它与我试图复制的内容相去甚远。
我尝试了偏移，但它偏移了整个“文本” View 。

基本上我希望我的文本看起来像图像中指向的内容

Answer 1

您可以使用 ZStack 来实现此目的。 , VStack , HStack和 Spacer() .这是一个简单的例子:

struct CalculatorText: View {

    var body: some View {

        ZStack {

            Rectangle()
                .cornerRadius(10)
                .foregroundColor(.gray)


            VStack {

                Spacer() // now the text will be on the bottom of ZStack

                HStack {

                    Spacer() // and now the text will be on the right side of ZStack

                    Text("0")
                        .bold()
                        .font(.system(size: 30))
                        .foregroundColor(.white)
                        .multilineTextAlignment(.trailing)
                        .padding()

                }
            }


        }
        .frame(height: 100)
        .padding()

    }

}

结果将是: