可以配合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
- 注意:如果使用List必须指定id,否则滚动无法生效
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)")
}
}
}
}
网友评论