2 Star 23 Fork 10

小弟调调/swiftui-example

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
README.md 1.31 KB
一键复制 编辑 原始数据 按行查看 历史

点击列表行时如何推送新视图?

轻按一行后,可以在列表行内使用 SwiftUINavigationLink 来显示新视图。如果 NavigationLink 环绕您的整个行,则系统会自动理解为可以轻敲整个行以呈现新视图。

为了说明这一点,以下代码创建了一个 PlayerView,该 Viewer 能够以粗体显示一位所选足球运动员的姓名。 然后,它为几个播放器创建一个列表,其中列表中的每一行都有一个 NavigationLink,该链接传递被点击的播放器的名称:

struct PlayerView: View {
    let name: String
    var body: some View {
        Text("Selected player: \(name)")
            .font(.largeTitle)
    }
}

struct ContentView: View {
    let players = [
        "Roy Kent",
        "Richard Montlaur",
        "Dani Rojas",
        "Jamie Tartt",
    ]

    var body: some View {
        NavigationView {
            List(players, id: \.self) { player in
                NavigationLink(destination: PlayerView(name: player)) {
                    Text(player)
                }
            }
            .navigationTitle("Select a player")
        }
    }
}

请注意,我们实际上是如何在导航链接中放置一个列表行的 – SwiftUI 由于其出色的编写能力而使其能够正常工作。

Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
Swift
1
https://gitee.com/jaywcjlove/swiftui-example.git
git@gitee.com:jaywcjlove/swiftui-example.git
jaywcjlove
swiftui-example
swiftui-example
main

搜索帮助