SwiftUI List 零基础学习List第一篇文章

List简介

List是什么有什么用

移动设备上的大多数用户界面可以通过表视图表示，这是一种简单而优雅的数据显示形式。SwiftUI时代苹果为我们提供了List组件，List最大优势在与其原生自带了滚动和元素复用功能。也就是说，我们直接使用List就可以达到app store的列表水平，是不是很开心。

快速使用

如何创建项目请参考这篇文章，《SwiftUI零基础之开发第一步创建个项目》

1、手动添加三行数据，快速体验一下

List { 
Text("张三")
Text("李四")
Text("王五") 
}

2、我们通过代码来批量生成50行数据

List(0..<50){ item in
 Text("Item # \(item)")
}

这将创建一个包含 50 个可滚动的项的表

技术交流

QQ:3365059189
SwiftUI技术交流QQ群:518696470

• 请关注我的专栏icloudend, SwiftUI教程与源码
  https://www.jianshu.com/c/7b3e3b671970

更高级功能请参考下面文章

• SwiftUI List列表一篇文章全面掌握List(教程和源码)

基础

• SwiftUI 基础之01 NavigationView和List（2020）
• SwiftUI 基础之02 list 和 searchbar (2020)
• SwiftUI 基础之03 SwiftUI之List 和form（2020版）

小技巧

• SwiftUI 脚手架之List ForEach快速生成数据
• SwiftUI 开发脚手架含Tab List Navigation （2020年版）
• SwiftUI实战之List拖拽排序进入编辑模式(含源码)
• SwiftUI实战之List拖拽排序进入编辑模式(含源码)
• SwiftUI小技巧之如何解决Tab切换后页面重置和List刷新bug
• SwiftUI小技巧之List中ForEach如何获取当前的index(解决if问题)
• iOS SwiftUI 基础之List内容居中《韩熙载夜宴图》
• SwiftUI 基础之List如何设置风格
• SwiftUI 基础之如何取消List的分割线divider

List和CoreData JSON数据存储

• SwiftUI 从服务器获取数据、存储、缓存和显示(json html)
• SwiftUI JSON之List下载、解析、显示远程服务器Json文件
• SwiftUI JSON之List读取Bundle、解析、显示本地Json文件
• SwiftUI 数据之List显示Sqlite数据库内容

高级用法之分页

• SwiftUI 实战之List分页与无限滚动之基础版（2020教程）
• SwiftUI 实战之List分页与无限滚动之基础版（2020教程）
• SwiftUI实战之 List实现分页与组件复用效果Generics
• SwiftUI 高级List 之CardView卡片效果(2020年教程)
• SwiftUI 小demo之List图文混排赵孟頫书法APP（2020 tutorial）