Перед тем, как пометить это как дубликат, прочтите следующее:
Я пытаюсь создать приложение iPhone и iPad, и у меня часто возникает проблема с клавиатурой, перекрывающей ввод текста. Я пробовал почти все решения с этого сайта, но я не нашел ни одного, как это работает для меня, поэтому я использую это решение Перемещение TextField вверх, когда клавиатура появилась в SwiftUI
Отлично работает на iPhone, но проблема возникает на iPad, я вижу в листе, поэтому в iPad лист похож на windows, поэтому я пытаюсь решить это, например, следующим образом
- получить размер экрана
- получить с помощью считывателя геометрии моего представления Размер
- получить размер клавиатуры
- математически разница в размере для регулировки размера клавиатуры для заполнения - ((размер экрана - viewSize) / 2)
это код
import SwiftUI
final class KeyboardResponder: ObservableObject {
private var notificationCenter: NotificationCenter
@Published private(set) var currentHeight: CGFloat = 0
let screenHeight = UIScreen.main.bounds.size.height
init(center: NotificationCenter = .default) {
notificationCenter = center
notificationCenter.addObserver(self, selector: #selector(keyBoardWillShow(notification:)), name: UIResponder.keyboardWillShowNotification, object: nil)
notificationCenter.addObserver(self, selector: #selector(keyBoardWillHide(notification:)), name: UIResponder.keyboardWillHideNotification, object: nil)
}
deinit {
notificationCenter.removeObserver(self)
}
@objc func keyBoardWillShow(notification: Notification) {
if let keyboardSize = (notification.userInfo?[UIResponder.keyboardFrameEndUserInfoKey] as? NSValue)?.cgRectValue {
currentHeight = keyboardSize.height
}
}
@objc func keyBoardWillHide(notification: Notification) {
currentHeight = 0
}
}
struct sheetView: View {
@State private var text1 = ""
@State private var text2 = ""
@State private var text3 = ""
@State private var text4 = ""
@State private var text5 = ""
@State private var text6 = ""
@State private var text7 = ""
@State private var text8 = ""
@State private var text9 = ""
@State private var text10 = ""
@State private var text11 = ""
@State private var text12 = ""
@ObservedObject private var keyboard = KeyboardResponder()
let screenHeight = UIScreen.main.bounds.size.height
@Environment(\.horizontalSizeClass) var sizeClass
var body: some View{
GeometryReader { geo in
NavigationView{
Group{
if self.sizeClass == .compact {
List{
Section(header: Text("test header")){
TextField("Test 1", text: self.$text1)
TextField("Test 2", text: self.$text2)
TextField("Test 3", text: self.$text3)
TextField("Test 4", text: self.$text4)
}
Section(header: Text("test header 2")){
TextField("Test 5", text: self.$text5)
TextField("Test 6", text: self.$text6)
TextField("Test 7", text: self.$text7)
TextField("Test 8", text: self.$text8)
}
Section(header: Text("test header 3")){
TextField("Test 9", text: self.$text9)
TextField("Test 10", text: self.$text10)
TextField("Test 11", text: self.$text11)
TextField("Test 12", text: self.$text12)
}
Section(header: Text("test header")){
TextField("Test 1", text: self.$text1)
TextField("Test 2", text: self.$text2)
TextField("Test 3", text: self.$text3)
TextField("Test 4", text: self.$text4)
}
Section(header: Text("test header 2")){
TextField("Test 5", text: self.$text5)
TextField("Test 6", text: self.$text6)
TextField("Test 7", text: self.$text7)
TextField("Test 8", text: self.$text8)
}
Section(header: Text("test header 3")){
TextField("Test 9", text: self.$text9)
TextField("Test 10", text: self.$text10)
TextField("Test 11", text: self.$text11)
TextField("Test 12", text: self.$text12)
}
}
.listStyle(GroupedListStyle())
.environment(\.horizontalSizeClass, .regular)
.padding(.bottom, self.keyboard.currentHeight)
.edgesIgnoringSafeArea(.bottom)
.animation(.easeOut(duration: 0.16))
} else {
List{
Section(header: Text("test header")){
TextField("Test 1", text: self.$text1)
TextField("Test 2", text: self.$text2)
TextField("Test 3", text: self.$text3)
TextField("Test 4", text: self.$text4)
}
Section(header: Text("test header 2")){
TextField("Test 5", text: self.$text5)
TextField("Test 6", text: self.$text6)
TextField("Test 7", text: self.$text7)
TextField("Test 8", text: self.$text8)
}
Section(header: Text("test header 3")){
TextField("Test 9", text: self.$text9)
TextField("Test 10", text: self.$text10)
TextField("Test 11", text: self.$text11)
TextField("Test 12", text: self.$text12)
}
Section(header: Text("test header")){
TextField("Test 1", text: self.$text1)
TextField("Test 2", text: self.$text2)
TextField("Test 3", text: self.$text3)
TextField("Test 4", text: self.$text4)
}
Section(header: Text("test header 2")){
TextField("Test 5", text: self.$text5)
TextField("Test 6", text: self.$text6)
TextField("Test 7", text: self.$text7)
TextField("Test 8", text: self.$text8)
}
Section(header: Text("test header 3")){
TextField("Test 9", text: self.$text9)
TextField("Test 10", text: self.$text10)
TextField("Test 11", text: self.$text11)
TextField("Test 12", text: self.$text12)
}
}
.listStyle(GroupedListStyle())
.environment(\.horizontalSizeClass, .regular)
.padding(.bottom, (self.keyboard.currentHeight > 0) ? (self.keyboard.currentHeight - ((self.screenHeight - geo.size.height)/2)): self.keyboard.currentHeight )
.edgesIgnoringSafeArea(.bottom)
.animation(.easeOut(duration: 0.16))
}
}
.navigationBarTitle("Test")
}
}
}
}
struct ContentView: View {
@State private var showSheet = false
var body: some View {
VStack{
Button(action : {
self.showSheet = true
}){
Text("Show Sheet")
}
.sheet(isPresented: $showSheet) {
sheetView()
.environment(\.horizontalSizeClass, .compact)
}
}
}
}
struct ContentView_Previews: PreviewProvider {
static var previews: some View {
ContentView()
}
}
теперь в iPhone работает хорошо, но у меня есть небольшая проблема с ландшафтом, я думаю, больше проблема с заполнением списка, но настоящая проблема - лист на iPad в портретной ориентации, по какой-то причине лист его pu sh поднимается, когда появляется клавиатура, поэтому он испортил все математики.
также я получаю и безопасно заполняют белую линию, даже если добавление игнорируется re безопасная область для просмотра iPad
Итак Я просто пытаюсь избежать перекрытия клавиатуры, если вы знаете простое или элегантное решение, которое я действительно хочу прочитать о
, также было бы полезно узнать, могу ли я рассчитать отступ или размер листа, чтобы добавить правильное заполнение. Не имеет значения ориентация устройства
, а также, если у вас есть подсказка о том, почему отступы продолжают ломаться в альбомной ориентации списка не iPhone было бы очень полезно