我想为一个表单更改“浅灰色”背景颜色，但.foregroundColor(Color.blue)和.background(Color.blue)似乎不起作用。
struct ContentView : View {
@State var value = ""
var body: some View {
Form {
Section(header: Text("First Name")) {
TextField($value)
}
Section(header: Text("Last Name")) {
TextField($value)
}
}.foregroundColor(Color.blue)
}
}
您可以通过向Form应用以下修饰符来隐藏默认背景以显示底层视图：
.scrollContentBackground(.hidden)
在iOS中，所有SwiftUI的List都由一个UITableView支持。因此，您需要更改tableView的背景颜色。但由于Color和UIColor值有些不同，所以可以摆脱UIColor。
struct ContentView: View {
init(){
UITableView.appearance().backgroundColor = .clear
}
@State var value = ""
var body: some View {
Form {
Section(header: Text("First Name")) {
TextField("First Name", text: $value)
}
Section(header: Text("Last Name")) {
TextField("Last Name", text: $value)
}
}
/*.scrollContentBackground(.hidden)*/ // this line will work only on iOS 16 and above
.foregroundColor(Color.blue)
.background(Color.yellow)
}
}
现在您可以使用任何背景（包括所有Color）
请注意，上部和下部的白色区域是安全区域，您可以使用.edgesIgnoringSafeArea()修饰符去掉它们。
由于UITableView.appearance().backgroundColor全局应用，您可以使用.onAppear修饰符在不同的视图中更改它（因为它是全局更改）。因此，您可以使用另一个onAppear或onDisappear将其重置回您想要的状态。
默认颜色为：
UIColor.systemGroupedBackground适用于分组样式。和
UIColor.systemBackground适用于普通样式。
它们都具有在暗模式和亮模式下的自动支持。
UITableView.appearance().backgroundColor = .clear 这样修改风格是全局性的，这不是一个理想的解决方案。但是，我找不到其他的替代方案。 - William Grand.onAppear()修饰符使其仅在该页面上起作用。 ;) @WilliamGrand - Mojtaba HosseinionAppear或onDisappear来将其重置回你想要的状态;) @WilliamGrand - Mojtaba Hosseini看到这些解决方案后，我为您创建了一个修饰符，供iOS 16及以下版本使用。
struct FormHiddenBackground: ViewModifier {
func body(content: Content) -> some View {
if #available(iOS 16.0, *) {
content.scrollContentBackground(.hidden)
} else {
content.onAppear {
UITableView.appearance().backgroundColor = .clear
}
.onDisappear {
UITableView.appearance().backgroundColor = .systemGroupedBackground
}
}
}
}
要使用它，您只需要在表单提交后进行更新。
Form {
Text("Test text")
}
.frame(height: 400)
.modifier(FormHiddenBackground())
试一下这个
.onAppear {
UITableView.appearance().backgroundColor = .blue
}
UITableView.appearance().backgroundColor = .blue 这种方式会全局改变样式，这并不是一个理想的解决方案。但是，我没有找到其他替代方案。 - William Grandvar body: some View {
UITableView.appearance().backgroundColor = .clear
return Form {...}
}
然而，在 Form 上设置背景颜色通常会如预期地工作。在 ContentView 屏幕上无法工作可能是一个 bug。
appearance()。例如，您可以使用 UITableView.appearance().backgroundColor = .red 将 Form 的背景颜色设置为红色。这可以放在视图的 init 中，但是这会影响每个 List 和 Form。
或者，您可以使用 SwiftUI-Introspect 来自定义单个元素，例如：
struct ContentView: View {
@State private var value = ""
var body: some View {
Form {
Section(header: Text("First Name")) {
TextField("First", text: $value)
}
Section(header: Text("Last Name")) {
TextField("Last", text: $value)
}
}
.introspectTableView { $0.backgroundColor = .systemBlue }
.foregroundColor(Color.blue)
}
}
.listRowBackground(Color.blue)
将以下代码复制到每个表单视图中：
Form {
// Your form view
}
.onAppear { // ADD THESE AFTER YOUR FORM VIEW
UITableView.appearance().backgroundColor = .clear
}
.onDisappear { // CHANGE BACK TO SYSTEM's DEFAULT
UITableView.appearance().backgroundColor = .systemGroupedBackground
}
.background(.yellow) // Add your background color
Form的安全区域，也可以使用ZStack：struct ContentView: View {
init(){
UITableView.appearance().backgroundColor = .clear
}
@State var value = ""
var body: some View {
ZStack {
Color(UIColor.systemYellow)
.edgesIgnoringSafeArea(.all)
Form {
Section(header: Text("First Name")) {
TextField("First Name", text: $value)
}
Section(header: Text("Last Name")) {
TextField("Last Name", text: $value)
}
}
}
}
}
Form的背景颜色。.background(Color.yellow)
.scrollContentBackground(.hidden)
Form {
...
}
.background(Color.yellow)
.scrollContentBackground(.hidden)
init(){
UITableView.appearance().backgroundColor = .clear
}
这是一个全局变更，影响所有表单。
对于所有需要默认颜色的表单，我在 Form {} 外部插入了这段代码。
.background(Color(.systemGroupedBackground))
extension View {
@ViewBuilder
func hideFormBackground() -> some View {
if #available(iOS 16.0, *) {
scrollContentBackground(.hidden)
} else {
introspectTableView {
$0.backgroundColor = .clear
}
}
}
}
然后，在声明表单时使用它：
Form {
SomeContent
}
.hideFormBackground()
background修饰符这样基本的东西似乎不是你的问题。这是一个模态弹出窗口吗？你正在使用ZStack吗？请给我们更多的细节，或者接受 @Quinn 给出的答案。让我们复制这个问题。 - user7014451.background(Color.blue)，但它不起作用。 我猜Form是一个特殊的视图，或者可能只是一个错误，有人找到了解决方法。 - Sorin Lica