SwiftUI List那些事(二）给 List 添加跳转事件

最新推荐文章于 2024-11-02 15:23:12 发布

不在犯二的IT男

最新推荐文章于 2024-11-02 15:23:12 发布

阅读量1.1k

点赞数

分类专栏： SwiftUI 文章标签： list

本文链接：https://blog.youkuaiyun.com/lengshengren/article/details/120323728

版权

本文介绍了如何在SwiftUI中为List添加NavigationLink，实现列表项点击后的详情页面跳转。通过结合NavigationView，用户可以在不同视图间导航。在iPadOS和macOS上，新视图显示在下一栏，其他平台则通过堆栈管理视图并提供平台特定的返回操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

列表通常用来展示概览信息，然后点击进入详情。

我们可以给List 添加给导航控制视图 NavigationView ，Row 添加NavigationLink 添加跳转目标地址

谷歌翻译文档
使用 NavigationView 创建基于导航的应用程序，用户可以在其中遍历视图集合。用户通过选择您提供的 NavigationLink 导航到目标视图。在 iPadOS 和 macOS 上，目标内容显示在下一栏中。其他平台将新视图推送到堆栈上，并使用特定于平台的控件（如后退按钮或滑动手势）从堆栈中删除项目。

在这里插入图片描述
我们先创建个用户详情页，只显示用户姓名

//
//  DetailView.swift
//  List
//
//  Created by lsr on 2021/9/16.
//

import SwiftUI

struct DetailView: View {
   
    var item:StudentModel
    var body: some View {
   
        Text(item.name)
    }
}

struct DetailView_Previews: PreviewProvider {
   
    static var previews: some View {
   
        DetailView(item: dataSource[

最低0.47元/天解锁文章