SwiftUI 中表单部分的清晰背景? [英] Clear background for form sections in SwiftUI?
问题描述
我正在尝试删除某些部分的白色背景,以便元素正好位于灰色背景上,但我无法删除部分背景或使其变得透明.
I'm trying to remove the white background of some sections so the elements lay right on the grey background, but I can't get the section background to be removed or transparent.
这就是我正在尝试的:
struct ContentView: View {
var body: some View {
Form {
Section {
Text("Hello!")
Button {
print("Clicked")
} label: {
Text("Click Me!!")
}
}
Section {
VStack {
Button("Button 1") {}
Spacer()
Button("Button 2") {}
}
}
.background(Color.clear) // Not doing anything
Section {
VStack(alignment: .leading) {
Text("Location")
.font(.headline)
Group {
Text("Abc")
Text("Abc")
Text("Abc")
}
.font(.caption)
}
}
}
}
}
这是它的样子:
我尝试将 .background(Color.clear)
添加到 Section
和 VStack
中,但没有任何效果.如何在 SwiftUI 中实现这一点?
I tried to add .background(Color.clear)
to the Section
and VStack
, but it did not have any effect. How an this be achieved in SwiftUI?
推荐答案
即使在 SwiftUI 2 中,Form
也是建立在 UIKit 之上的,特别是 UITableView
.
Even in SwiftUI 2 Form
is built on top of UIKit, specifically UITableView
.
您需要移除默认的UITableViewCell
的背景(仅一次,最好在Appinit
中):
You need to remove the default UITableViewCell
's background (only once, preferably in the App init
):
UITableViewCell.appearance().backgroundColor = UIColor.clear
并使用以下方法更改背景:
and change the background using:
Section {
VStack {
Button("Button 1") {}
Spacer()
Button("Button 2") {}
}
}
.listRowBackground(Color.clear)
这篇关于SwiftUI 中表单部分的清晰背景?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!