适用于 iOS 17 和 SwiftUI 5 中的 ScrollView和ScrollPosition_swiftui scrollposition

随着 iOS 17 的发布，SwiftUI 的 ScrollView 获得了许多新的修改。调用一个这样的修饰符scrollPosition，它使我们能够控制 ScrollView 中滚动的起始位置。我们可以使用此修饰符指定一个锚点来控制滚动视图内容的哪一部分最初应该可见。

默认情况下，SwiftUI 的 ScrollView 从顶部开始滚动。scrollPosition但是，如果我们希望复制 Apple 消息应用程序的用户界面，我们可以使用修饰符指示滚动视图从底部开始。

让我们看一个构建简单聊天界面的示例。

我们将从屏幕的数据结构开始。

struct Chat: Identifiable {
    let id = UUID()
    var message: String
    var isReceived = false
}
1
2
3
4
5

让我们添加一些 DevTechie 和您之间的示例对话数据:)

extension Chat {
    static var sample: [Chat] {
        [
            .init(message: "Hello"),
            .init(message: "Hello DevTechie", isReceived: true),
            .init(message: "Did you see the new course?"),
            .init(message: "On iOS 17?", isReceived: true),
            .init(message: "Yeah"),
            .init(message: "Is it live on DevTechie.com?", isReceived: true),
            .init(message: "Y
1
2
3
4
5
6
7
8
9