首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何通过SwiftUI中的.onTapGesture在两个不同的接口(没有Button\TextField)中使用两个列表中的ScrollViewReader?

在SwiftUI中,可以使用.onTapGesture函数来实现在两个不同的接口中使用两个列表中的ScrollViewReader。ScrollViewReader是一个用于在ScrollView中滚动到指定位置的视图容器。

首先,需要创建两个列表,并将它们包装在ScrollView中。然后,使用ScrollViewReader将其包裹在需要滚动的视图周围。接下来,使用.onTapGesture函数来捕捉点击手势,并在其中执行滚动操作。

以下是一个示例代码:

代码语言:txt
复制
import SwiftUI

struct ContentView: View {
    @State private var selectedTab: Int = 0
    @State private var scrollToIndex: Int? = nil
    
    var body: some View {
        VStack {
            TabView(selection: $selectedTab) {
                List {
                    ScrollViewReader { scrollViewProxy in
                        ForEach(0..<10) { index in
                            Text("Item \(index)")
                                .padding()
                                .id(index)
                        }
                        .onAppear {
                            if let scrollToIndex = scrollToIndex {
                                scrollViewProxy.scrollTo(scrollToIndex, anchor: .top)
                                self.scrollToIndex = nil
                            }
                        }
                    }
                }
                .tabItem {
                    Text("List 1")
                }
                .tag(0)
                
                List {
                    ScrollViewReader { scrollViewProxy in
                        ForEach(10..<20) { index in
                            Text("Item \(index)")
                                .padding()
                                .id(index)
                        }
                        .onAppear {
                            if let scrollToIndex = scrollToIndex {
                                scrollViewProxy.scrollTo(scrollToIndex, anchor: .top)
                                self.scrollToIndex = nil
                            }
                        }
                    }
                }
                .tabItem {
                    Text("List 2")
                }
                .tag(1)
            }
            
            Spacer()
            
            HStack {
                Button("Scroll to Item 5") {
                    selectedTab = 0
                    scrollToIndex = 5
                }
                .padding()
                
                Button("Scroll to Item 15") {
                    selectedTab = 1
                    scrollToIndex = 15
                }
                .padding()
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

在这个示例中,我们创建了两个列表,分别包含10个项目。通过点击按钮,可以在两个列表之间切换,并滚动到指定的项目位置。通过使用ScrollViewReader和.onAppear函数,我们可以在视图出现时执行滚动操作。

请注意,这只是一个示例代码,你可以根据自己的需求进行修改和扩展。关于SwiftUI的更多信息,你可以参考腾讯云的官方文档:SwiftUI官方文档

希望这个答案能够帮助到你!如果你有任何其他问题,请随时提问。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

从用SwiftUI搭建项目说起

后续这个SwiftUI分类的文章全部都是针对SwiftUI的日常学习和理解写的,自己利用Swift写的第二个项目也顺利上线后续的需求也不是特着急,最近正好有空就利用这段时间补一下自己对SwiftUI的理解,这个过程当中正好把整个学习过程记录下来,方便自己查阅,也希望能给需要的同学一点点的帮助。由于自己还欠着RxSwift的帐,这次也是想着先放弃别的账务(欠的的确挺多的)先全心全意的把这两块的帐给补补,希望补上这笔账之后自己对Swift的理解也能上一个台阶,对Siwft的理解自认为还是感觉欠缺的,不算是真的深入的掌握,我对SwiftUI也是在学习当中,现在能查阅的关于SwiftUI的资料很多是需要收费的,遇到问题只能想办法努力解决,有写的不钟意的地方,希望多加指正!

02

@State 研究

我在去年底使用了SwiftUI写了第一个 iOS app 健康笔记,这是我第一次接触响应式编程概念。在有了些基本的认识和尝试后,深深的被这种编程的思路所打动。不过,我在使用中也发现了一些奇怪的问题。我发现在视图(View)数量达到一定程度,随着数据量的增加,整个app的响应有些开始迟钝,变得有粘滞感、不跟手。app响应出现了问题一方面肯定和我的代码效率、数据结构设计欠佳有关;不过随着继续分析,发现其中也有很大部分原因来自于SwiftUI中所使用的响应式的实现方式。不恰当的使用,可能导致响应速度会随着数据量及View量的增加而大幅下降。通过一段时间的研究和分析,我打算用两篇文章来阐述这方面的问题,并尝试提供一个现阶段的使用思路。

02

JavaSwing_8.1:焦点事件及其监听器 - FocusEvent、FocusListener

低级别事件指示Component已获得或失去输入焦点。 由组件生成此低级别事件(如一个TextField)。 该事件被传递给每一个FocusListener或FocusAdapter注册,以接收使用组件的此类事件对象addFocusListener方法。 ( FocusAdapter对象实现FocusListener接口。)每个此类侦听器对象获取此FocusEvent当事件发生时。 有两个焦点事件级别:持久性和暂时性的。 永久焦点改变事件发生时焦点直接移动从一个组件到另一个,例如通过到requestFocus的(呼叫)或作为用户使用TAB键遍历组件。 当暂时丢失焦点的组件的另一个操作,比如释放Window或拖动滚动条的间接结果一时焦点变化的事件发生。 在这种情况下,原来的聚焦状态将被自动一旦操作完成恢复,或者,对于窗口失活的情况下,当窗口被重新激活。 永久和临时焦点事件使用FOCUS_GAINED和FOCUS_LOST事件id传递; 水平可以使用isTemporary()方法的事件区分开来。 如果未指定的行为将导致的id任何特定的参数FocusEvent实例不是从范围FOCUS_FIRST到FOCUS_LAST

01

扫码

添加站长 进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

    运营活动

    活动名称
    广告关闭
    领券