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)

你可能感兴趣的:(SwiftUI List 零基础学习List第一篇文章)