Как настроить текст в SwiftUI

Question

Я пытаюсь скопировать приложение калькулятора. Кажется, я не могу изменить мой текстовый вид, чтобы он выглядел аналогично.

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

Но это далеко от того, что я пытаюсь воспроизвести. Я попытался сместить, но он смещает весь текстовый вид.

В основном я хочу, чтобы мой текст выглядел так, как указано на изображении

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()

    }

}

, и результат будет: