如何在 SwiftUI 中将表单滚动到特定的 UI 元素

Posted

技术标签:

【中文标题】如何在 SwiftUI 中将表单滚动到特定的 UI 元素【英文标题】:how to scroll a form to a specific UI element in SwiftUI 【发布时间】:2021-01-18 15:01:39 【问题描述】:

我在 SwiftUI NavigationView 上有一个表单。 表单没有特殊元素,只有标准元素:TextField、DatePicker 和一些按钮

我想以编程方式滚动到特定元素。 我该怎么做?

ScrollViewReader 似乎不适用于表单。

ScrollViewReader  p in
  Form 
    ....
    Button(action: 
      p.scrollTo(150)
    ) 
      Text(self.label)
    

【问题讨论】:

您会准备最小的可重现示例吗?它有效,您的代码中可能存在一些细微差别。 id 必须存在、唯一且与您滚动到的内容相匹配。 exaclty,id 不见了,我认为滚动到是一个位置 【参考方案1】:

为每个元素赋予 id 并将这个 id 传递给.scrollTo(id) 方法。 像这样

struct ContentView: View 
    var body: some View 
        
        ScrollViewReader  p in
            Form 
                Button(action: 
                ) 
                    Text("Top")
                .id(150)
                
                ForEach(0..<30)  index in
                    Text("\(index)")
                        .id(index)
                
                Button(action: 
                    p.scrollTo(150)
                ) 
                    Text("Scroll")
                
            
        
    

【讨论】:

我认为 ScrollViewReader 需要在表单中,但是所有元素的行为都好像它们不在表单中 我用 Xcode 12.1 ios 14.1 进行了测试。您具体面临哪些问题? 是的,它有效,对不起,我把 id 放在了错误的元素上

以上是关于如何在 SwiftUI 中将表单滚动到特定的 UI 元素的主要内容,如果未能解决你的问题,请参考以下文章

如何使用 Unity UI 滚动到 ScrollRect 中的特定元素?

如何在 SwiftUI 中以编程方式滚动列表?

如何滚动滚动视图以使 TextField 在 SwiftUI 中移动到键盘上方?

如何在 Qt5 中将表单类从 UI 转移到另一个文件夹

ScrollView 或 List,如何制作特定的可滚动视图 (SwiftUI)

SwiftUI URLImage 水平滚动视图