相关疑难解决方法(0)

我有一个滚动视图，其中的内容VStack包含一个 ForEach 循环来创建一些行而不是列表。List 有一些缺点，比如分隔符。

我的问题是行没有填充滚动视图。我认为滚动视图宽度没有填满屏幕。

NavigationView {
        Toggle(isOn: $onlineStatus) {
            Text("Online Only")
        }.padding([.leading, .trailing], 15)

        ScrollView {
            VStack(alignment: .trailing) {
                ForEach(onlineStatus ? self.notes.filter { $0.dot == .green } : self.notes) { note in
                    NavigationButton(destination: Text("LOL")) {
                        CardRow(note: note)
                            .foregroundColor(.primary)
                            .cornerRadius(8)
                            .shadow(color: .gray, radius: 3, x: 0, y: -0.01)
                    }.padding([.leading, .trailing, .top], 5)
                }.animation(self.onlineStatus ? .fluidSpring() : nil)
            }
        }.padding([.leading, .trailing])

        .navigationBarTitle(Text("Your documents"))
    }

这给了我这个结果：

那是我的 CardRow：

struct CardRow: View {
var note: Note

var body: some View { …