Обрисованная кнопка с белым фоном

Как я могу создать такую ​​кнопку в SwiftUI? введите здесь описание изображения


person Cjay    schedule 08.06.2019    source источник


Ответы (2)


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

  var body: some View {
        Button(action: {}) {
          Text("Text")
            .frame(minWidth: 0, maxWidth: .infinity)
            .padding(10)
          }
          .border(Color.gray, width: 1, cornerRadius: 5)
          .padding([.leading, .trailing], 20)
      }
person DenFav    schedule 08.06.2019
comment
Как добавить цвет фона? Если я использую .background (Color.blue), он не обрезается, я уже пробовал .clipped, это не сработало. - person Cjay; 09.06.2019
comment
Используйте модификатор .cornerRadius(5) перед заполнением - person DenFav; 09.06.2019

Чтобы добавить границу к любому виду, просто добавьте этот модификатор с желаемыми аргументами:

.border(Color.black, width: 1, cornerRadius: 2)

Размер самой кнопки можно задать с помощью отступов или вручную установить ее рамку.

person Krames    schedule 08.06.2019