9、SwiftUI 列表与表单开发全解析

SwiftUI 列表与表单开发全解析

1. 列表滑动操作

在开发中，列表的滑动操作是一个常见的交互方式，但它也存在一些问题。较小的设备，如 iPhone 6 或 iPhone 5，能容纳的滑动操作更少。一般来说，三到四个滑动操作在大多数设备上是比较合理的限制。

1.1 全滑动功能

默认情况下，在任何给定的滑动方向上，第一个操作可以通过全滑动来触发。可以通过将 allowsFullSwipe 参数设置为 false 来禁用此行为，示例代码如下：

.swipeActions(edge: .trailing, allowsFullSwipe: false) {
    Button(role: .destructive, action: { viewModel.deleteItem(item) } ) {
        Label("Delete", systemImage: "trash")
    }
}

1.2 滑动操作样式

设置滑动操作按钮的角色为 .destructive 时，按钮会自动变为红色。如果不指定角色，按钮将显示为浅灰色。也可以使用 tint 修饰符为按钮指定其他颜色，示例代码如下：

.swipeActions(edge: .trailing) {
    Button (action: { selectedItem = i