如何缩小SwiftUI List可移动组件及Label文本与系统图标间距？

在SwiftUI List的编辑模式下，可拖动指示器和内容之间的默认间距偏大，你可以通过以下方式调整：

• 全局生效（影响所有List）：在App初始化或根视图的onAppear中修改UITableView的外观布局边距：

UITableView.appearance().layoutMargins = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 8)

你可以根据需求调整left参数的数值，数值越小，可移动组件与内容的间距越近。

• 仅针对单个List：在目标List的onAppear中设置布局边距，并在onDisappear中恢复默认值，避免影响其他List：

List {
    // 列表内容
}
.onAppear {
    UITableView.appearance().layoutMargins = UIEdgeInsets(top: 0, left: 8, bottom: 0, right: 8)
}
.onDisappear {
    UITableView.appearance().layoutMargins = .zero
}

SwiftUI默认Label的图标与文本间距由系统控制，想要缩小间距可以用这两种方法：

• 手动组合布局（快速实现）：直接用HStack包裹系统图标和文本，自定义间距值：

HStack(spacing: 2) { // 可设置为0、2等你需要的数值
    Image(systemName: "wifi")
    Text("MyString")
}

• 自定义LabelStyle（可复用）：创建自定义样式，方便在多个Label上复用：

struct CompactLabelStyle: LabelStyle {
    let spacing: CGFloat
    
    func makeBody(configuration: Configuration) -> some View {
        HStack(spacing: spacing) {
            configuration.icon
            configuration.title
        }
    }
}

// 使用示例：
Label("MyString", systemImage: "wifi")
    .labelStyle(CompactLabelStyle(spacing: 2))

内容的提问来源于stack exchange，提问作者narner