时间戳

首页 > 解决方案 > SwiftUI：listRowInsets 未按预期工作

xcode - SwiftUI：listRowInsets 未按预期工作

问题描述

listRowInsets(_:)使用List()and时没有按预期工作List(Data,id)。在下面的示例 1中，零插入完美地工作，而在示例 2中它什么也不做。

示例 1：

struct ContentView: View {
    var body: some View {
        List {
            Color.red
                .listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
            Color.blue
                .listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
            Color.yellow
                .listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
        }
    }
}

结果：

示例 1

示例 2

struct ContentView: View {
    var colors: [Color] = [.red, .blue, .yellow]
    var body: some View {
        List(colors, id: \.self) { color in
            color.listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
        }
    }
}

结果：

示例 2

标签： xcodeswiftuiswiftui-list

解决方案

我认为原因在于使用过的构造函数。.listRowInsets按文档效果视图被放置在列表中（直接）。

以下作品

var colors: [Color] = [.red, .blue, .yellow]
var body: some View {
    List {
        ForEach(colors, id: \.self) { color in
            color.listRowInsets(.init(top: 0, leading: 0, bottom: 0, trailing: 0))
        }
    }
}

推荐阅读