Skip to content

庄朋龙的博客

有志者自有千方万计,无志者只感千难万难。

Menu
  • 首页
  • 生活
  • 创业
  • 编程
  • 运维
  • 视频课程
    • 跨境独立站
    • Shopee跨境电商
    • TEMU跨境电商
  • 资源分享
    • 网站推荐
    • 开源推荐
    • 可商用字体
    • 书籍分享
Menu

SwiftUI 中List动态列表容器视图的使用方法

Posted on 2023年5月21日 by 庄朋龙

List 是 SwiftUI 中用于显示动态列表的容器视图。它接受一个或多个子视图,并根据提供的数据动态生成对应的列表项。

下面是 List 的常见用法和一些常用的参数:

  1. 基本用法:
   List {
       Text("Item 1")
       Text("Item 2")
       Text("Item 3")
   }

在这个例子中,List 包含了三个 Text 视图作为列表项。

  1. 使用 ForEach 进行动态列表生成:
   let items = ["Item 1", "Item 2", "Item 3"]
   List {
       ForEach(items, id: \.self) { item in
           Text(item)
       }
   }

在这个例子中,使用 ForEach 循环遍历 items 数组生成相应的列表项。

  1. 自定义列表项样式:
   struct ItemRow: View {
       var item: String

       var body: some View {
           HStack {
               Image(systemName: "circle")
               Text(item)
           }
       }
   }

   List {
       ItemRow(item: "Item 1")
       ItemRow(item: "Item 2")
       ItemRow(item: "Item 3")
   }

在这个例子中,我们自定义了一个名为 ItemRow 的视图作为列表项,然后在 List 中使用自定义的列表项样式。

  1. 添加行间分割线:
   List {
       // 列表项内容...
   }
   .listStyle(InsetGroupedListStyle())

使用 listStyle(_:) 方法可以为列表添加不同的样式,其中 InsetGroupedListStyle() 是一种常见的样式,它在列表项之间添加了行间分割线。

除了上述用法,List 还提供了许多其他的参数和修饰符,例如设置行高、处理选中行事件、添加搜索功能等。你可以根据具体需求去使用这些功能,以创建适合你应用的动态列表界面。

Category: 编程

全栈开发者×创业偏执狂

相信代码能改变命运,也相信凌晨四点的服务器警报里有真实的人生。

我的创业项目:
SHOPAGG / SmallShop / DigitShops / 文硕阁

© 2025 庄朋龙的博客