Регулировка ширины / горизонтального выравнивания с помощью SwiftUI

Question

У меня достигнута следующая раскладка в SwiftUI:

VStack {
  TextField(...)
  TextField(...)
  Button(...)
}

Я пытался сделать свой VStack 50% от суперпредставленияпоэтому я добавил следующий модификатор:

VStack { ... }
  .relativeWidth(0.5)

Не совсем 50% суперпредставления, но меня больше интересует достижение горизонтального центрирования,Кто-нибудь знает, как добиться этого в SwiftUI?

Имеется модификатор alignmentGuide(_:computeValue:), но я изо всех сил пытаюсь дать правильные входные данные для удовлетворения компилятора.

Answer 1

Я бы использовал несколько проставок и HStack ...

struct LoginView: View {

    @State var myText: String = ""

    var body: some View {
        HStack {
            Spacer()
            VStack {
                TextField($myText, placeholder: Text("Email"))
                    .textFieldStyle(.roundedBorder)
                    .textContentType(.username)

                TextField($myText, placeholder: Text("Password"))
                    .textFieldStyle(.roundedBorder)
                    .textContentType(.password)

                Button(action: {
                    // Do your login thing here
                }) {
                    Text("Login")
                }
            }
             Spacer()
        }
    }
}

Answer 2

Кажется, что уже по центру. Уведомление HStack о том, какую ширину занимать отлично завершит работу. Выше код @SMP после изменений и без проставок будет выглядеть так:

struct LoginView : View {
    @State var myText: String = ""

    var body: some View {
        HStack {
            VStack {
                TextField($myText, placeholder: Text("Email"))
                    .textFieldStyle(.roundedBorder)
                    .textContentType(.username)
                TextField($myText, placeholder: Text("Password"))
                    .textFieldStyle(.roundedBorder)
                    .textContentType(.password)
                Button(action: {
                    // Do your login thing here
                }) {
                    Text("Login")
                }
            }
            .relativeWidth(0.7)
        }
        .relativeWidth(1)
    }
}

Answer 3

Вы захотите использовать элемент управления SecretField для своего поля пароля вместо простого элемента управления TextField.