Я создал два текстовых поля со следующим кодом:
VStack (spacing: geometry.size.width/48) {
TextField("World Name", text: self.$WorldName)
.font(.system(size: geometry.size.width/28))
.textFieldStyle(PlainTextFieldStyle())
.frame(width: geometry.size.width*0.75)
.background(
RoundedRectangle(cornerRadius: 8)
.fill(Color.init(white: 0.28))
)
TextField("World Seed", text: self.$WorldSeed)
.font(.system(size: geometry.size.width/28))
.textFieldStyle(PlainTextFieldStyle())
.frame(width: geometry.size.width*0.75)
.background(
RoundedRectangle(cornerRadius: 8)
.fill(Color.init(white: 0.28))
)
Button (action: {
withAnimation {
self.back.toggle()
}
// Is there a way to "deselect" any textfields here
}){
Text("Back")
}
}
Почему, когда я нажимаю на одно, появляется синяя рамка, которая не исчезает с анимацией, и как я могу удалить Это? Этот вопрос конкретно указан c, и я предоставил код и необходимые детали, я не понимаю, почему на него должно быть слишком сложно ответить.
Итак, вкратце, мне нужно знать:
- Как избавиться от этой синей границы выделения
Или
- Как немедленно отменить выбор текстового поля в действии кнопки,
- Получить границу для правильного выравнивания с TextField, если я применю отступ или закругленные углы.
Единственный синий цвет на этой картинке - это рамка, на которую я ссылаюсь
Как показано на этом скриншоте, текстовое поле круглое, но граница выделения не округляется углы, отражающие форму прямоугольника с закругленными углами записи
Синяя рамка не соответствует отступу
Я добавил заполнение следующим образом .padding([.leading, .trailing], 6)