Блог

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

 Text("Button")
    .padding(.leading, 40)
    .padding(.trailing, 40)
    .padding(.top, 20)
    .padding(.trailing, 20)
    .background(Color.blue)
    .foregroundColor(.white)
    .cornerRadius(40)
 

Я бы рекомендовал использовать .background вместо этого с фиксированной рамкой, например:

 Text("Button")
.frame(width: 100, height: 32)
.foregroundColor(.white)
.background(Color.blue)
.cornerRadius(40)
 

Вы указываете .padding(.trailing, 40) и .padding(.trailing, 20) . Измените последнее trailing на быть bottom .

Попробуйте выполнить следующее:

 Text("Button")
    .padding(.leading, 40)
    .padding(.trailing, 40)
    .padding(.top, 20)
    .padding(.bottom, 20)
    .background(Color.blue)
    .foregroundColor(.white)
    .cornerRadius(40)
 

Поскольку вы указываете trailing дважды, значения (20 и 40), похоже, добавляются, что делает завершающее дополнение 60.
Заполнение снизу вообще не указано.