SwiftUI List

最新推荐文章于 2025-02-18 17:00:00 发布

segegefe

最新推荐文章于 2025-02-18 17:00:00 发布

阅读量3.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： java 后端文章标签： swiftui swift ios

本文链接：https://blog.csdn.net/segegefe/article/details/123524354

java 同时被 2 个专栏收录

308 篇文章

订阅专栏

后端

15 篇文章

订阅专栏

本文介绍了如何在Xcode 13.2.1和iOS 15.0环境下使用SwiftUI的List组件进行初始化、去除分割线、禁止滚动以及设置行背景色。同时，通过修改UITableView的背景色，展示了如何为List设置背景颜色。

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

前言

xcode 13.2.1
iOS 15.0

1、初始化list

List(0 ..< 5) { _ in
    Text("666")
}

或者使用 forEach

List {
    ForEach(0 ..< 5) { _ in
        Text("666")
    }
}

在这里插入图片描述

2 list方法使用

2.1 去掉分割线

cell 中设置listRowSeparator 方法为hidden

List {
    ForEach(0 ..< 5) { _ in
        Text("666")
        	.listRowSeparator(.hidden)
    }
}

在这里插入图片描述

2.2 禁止滚动

list 设置 .disabled(true)

List {
    ForEach(0 ..< 5) { _ in
        Text("666")
    }
} 
.disabled(true)

2.3 设置row 的背景色

row 设置.listRowBackground(Color.orange)就可以了

List {
    ForEach(0 ..< 5) { _ in
        Text("666")
            .listRowBackground(Color.orange)
    }
}

在这里插入图片描述

3. list背景色的设置

通过list 没有方法设置背景色，background完全没用
这个需要在你的body 同等级添加个init 设置一下UITableView 的背景色，然后就可以再 background 设置背景色、背景图片这些东西了

init() {
    UITableView.appearance().backgroundColor = .clear
}

var body: some View {
    List {
        ForEach(0 ..< 5) { _ in
            Text("666")
                .listRowSeparator(.hidden)
        }
    }
    .background(
        Color.blue
    )
}

在这里插入图片描述