SwiftUI Scrollview添加内容滚动到列表底部(教程含源码)

实战需求

SwiftUI Scrollview添加内容滚动到列表底部

本文价值与收获

看完本文后,您将能够作出下面的界面

截屏2020-11-28 上午8.37.48.png
Jietu20201128-083853.gif

看完本文您将掌握的技能

  • ScrollView
  • ScrollViewReader
  • withAnimation
  • scrollTo

基础知识

ScrollViewReader

其子级被定义为以该子级中的可滚动视图为目标的视图。

@frozen struct ScrollViewReader where Content : View

如果要以编程方式将SwiftUIScrollView移至特定位置,则应将ScrollViewReader其嵌入其中。这提供了一种scrollTo()方法,仅提供锚点即可移动到父滚动视图内部的任何视图。

ScrollViewReader 注意事项

  • init(content: (ScrollViewProxy) -> Content)
    用闭包初始化content。传递给闭包的代理可能不会在content执行时发送消息(这将导致运行时错误),而只能通过在content诸如手势处理程序或函数之内创建的动作发出消息。onChange()
  • var content: (ScrollViewProxy) -> Content

实战代码

你可能感兴趣的:(SwiftUI Scrollview添加内容滚动到列表底部(教程含源码))