时间戳

首页 > 解决方案 > 是否可以仅覆盖表单的暗模式？

ios - 是否可以仅覆盖表单的暗模式？

问题描述

我想要实现的是具有不同背景颜色的表单。但我希望里面的项目始终使用浅色模式变体（深色文本颜色）。但不是完整的视图。我已经搜索过，但找不到任何解决方案。

我尝试listRowBackground更改有效项目的背景并preferredColorScheme使用灯光模式，但这将使完整视图处于灯光模式：

...

Form {

    DatePicker(selection: $date, displayedComponents: .date) { ... }
        .listRowBackground(Color.yellow)

    TextField("Name", text: $name)
        .listRowBackground(Color.yellow)

    Picker("amount", selection: $amount) {
        ForEach(amounts, id: \.self) {
            Text($0)
        }
    }
    .listRowBackground(Color.yellow)

    Button(action: { ... }) {
        Label("More", systemImage: "chevron.up")
    }
    .listRowBackground(Color.yellow)

}
.preferredColorScheme(.light)

...

标签： iosswiftui

解决方案

您可以使用.environment强制视图的配色方案：

.environment(\.colorScheme, .light)

如果您不想对整个表单执行此操作，则可以仅将其注入嵌套视图：

Form {
    Group {
        DatePicker(selection: $date, displayedComponents: .date) { ... }
            .listRowBackground(Color.yellow)

        TextField("Name", text: $name)
            .listRowBackground(Color.yellow)

        Picker("amount", selection: $amount) {
            ForEach(amounts, id: \.self) {
                Text($0)
            }
        }
        .listRowBackground(Color.yellow)

        Button(action: { ... }) {
            Label("More", systemImage: "chevron.up")
        }
        .listRowBackground(Color.yellow)
    }
    .environment(\.colorScheme, .light)
}

（或仅针对单个视图）

Form {
    // ...

    TextField("Name", text: $name)
        .listRowBackground(Color.yellow)
        .environment(\.colorScheme, .light)

    // ...
}

推荐阅读