多行文本字段，垂直轴位于键盘下方

Question

我遇到一些问题，文本字段没有随视图移动。

我正在使用带有垂直轴（iOS 16）的文本字段来创建多行。当它没有嵌入滚动视图时，它可以正常工作并按预期保持在键盘上方。但是，一旦文本字段嵌入到滚动视图中，多行就会进入键盘下方，您必须手动滚动才能看到最后一行。

请参阅下面的代码。这应该可以正常工作。但如果您删除滚动视图，您在打字时就会注意到这个问题。

struct ContentView: View {
    @State private var text = "Lorem ipsum dolor sit amet. Nam voluptatem necessitatibus aut quis odio rem error repudiandae id aliquam perferendis et quidem quaerat et enim harum! Cum nesciunt animi rem quia vero aut omnis eligendi in ducimus eaque sit mollitia fugit est animi nesciunt. Ut exercitationem nulla qui dolor nihil ad autem vero quo internos sapiente eum dicta nihil qui exercitationem cumque et consectetur dolore. Et fugiat officiis non harum voluptas et modi repellendus ut repellat dolorem 33 eveniet quidem qui galisum veritatis. Id consequatur tenetur et eaque voluptas in assumenda delectus et fuga praesentium rem provident delectus est necessitatibus sunt quo dignissimos dolorum. Et reiciendis error et rerum eligendi qui illum error? In soluta ipsum est molestiae pariatur hic voluptas animi qui cupiditate amet."
    
    var body: some View {
        
        ScrollView {
            VStack() {
                TextField("Enter something", text: $text, axis: .vertical)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
            }
        }
    }
}

如果您知道有任何 GitHub 存储库，那就太好了。

更新： 我已经找到了解决方案，并将在未来几天内发布。

Answer 1

这不是一个明确的答案。在模拟器中会出现一些错误行为。尝试一下并在真实设备上查看（我这里没有）。

import SwiftUI

struct ContentView: View {
    
    @State private var text = "Lorem ipsum dolor sit amet. Nam voluptatem necessitatibus aut quis odio rem error repudiandae id aliquam perferendis et quidem quaerat et enim harum! Cum nesciunt animi rem quia vero aut omnis eligendi in ducimus eaque sit mollitia fugit est animi nesciunt. Ut exercitationem nulla qui dolor nihil ad autem vero quo internos sapiente eum dicta nihil qui exercitationem cumque et consectetur dolore. Et fugiat officiis non harum voluptas et modi repellendus ut repellat dolorem 33 eveniet quidem qui galisum veritatis. Id consequatur tenetur et eaque voluptas in assumenda delectus et fuga praesentium rem provident delectus est necessitatibus sunt quo dignissimos dolorum. Et reiciendis error et rerum eligendi qui illum error? In soluta ipsum est molestiae pariatur hic voluptas animi qui cupiditate amet."
    
    @Namespace var bottomText
    
    var body: some View {
        ScrollViewReader { proxy in
            ScrollView {
                Text("Title")
                    .font(.largeTitle)
                TextField("Enter something", text: $text, axis: .vertical)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                    .onChange(of: text) { newValue in
                        print("Fired.")
                        withAnimation {
                            proxy.scrollTo(bottomText, anchor: .center)
                        }
                    }
                Color.red.frame(height: 50).id(bottomText)
            }
            
        }
    }
}