SwiftUI

SwiftUI 2.0 使用ScrollViewReader

2021-02-26  本文已影响0人  刘铁崧

可以配合ScrollView 或者ListView使用,控制滚动式图到指定位置
scrollview 使用 scrollviewreader

struct ContentView: View {
    var body: some View {
        ScrollViewReader{
            proxy in
            Button("滚动到指定位置"){
                withAnimation {
                    proxy.scrollTo(50,anchor: .top)//anchor可以设置目标滚动显示到屏幕指定的上中下位置
                }
            }
            ScrollView(.vertical, showsIndicators: false){
                ForEach(1 ... 100,id:\.self){
                    index in
                    Text("第\(index)行")
                        .frame(width: 100, height: 20
                               , alignment: .leading)
                        .id(index)
                }
            }
        }
    }
}

List使用scrollviewreader

struct ContentView: View {
    var body: some View {
        ScrollViewReader{
            proxy in
            
            Button("滚动到指定位置"){
                withAnimation {
                    proxy.scrollTo(30,anchor: .center)//anchor可以设置目标滚动显示到屏幕指定的上中下位置
                }
            }
            List(1 ..< 100,id:\.self){
                index in
                Text("\(index)")
            }
        }
    }
}
上一篇下一篇

猜你喜欢

热点阅读