背景图像不停留在屏幕预览中(带屏幕截图的 SwiftUI)
Background Img not staying on Screen Preview (SwiftUI w/ screen shots)
Xcode 版本 - 13.1
我在使用背景图片和分组时遇到一些问题 Form{}
。发生的事情是在 ZStack 中放置背景图像并包含分组选项时,Form{}
,背景图像消失。
在我的代码下面显示了我在 ZStack 中的背景图片。还包括 link 到预览的屏幕截图 -> https://i.stack.imgur.com/u12Sw.png
var body: some View {
ZStack {
Image("login")
.resizable()
.scaledToFill()
.edgesIgnoringSafeArea(.all)
}
}
但是,当我在 ZStack 中添加 Form{}
时,背景图像完全消失,只有 Form{}
(带有 TextField &SecureTextField)出现在没有背景图像的预览中。下面是带有预览屏幕截图的代码和 link -> https://i.stack.imgur.com/BI3U2.png
var body: some View {
ZStack {
Image("login")
.resizable()
.scaledToFill()
.edgesIgnoringSafeArea(.all)
Form {
TextField(
"Username (email)",
text: self.$username)
.autocapitalization(.none)
.disableAutocorrection(true)
SecureTextField(text: $password)
}
}
}
我的假设是只要窗体在 ZStack 中,窗体就应该覆盖背景图像。
我喜欢表单的外观而不是两个单独的文本字段。无论如何,有没有用表格或类似表格的东西来做到这一点?
这就是我现在所做的:
我要么将此修饰符添加到表单中。
.onAppear {
UITableView.appearance().backgroundColor = .clear
}
或者在视图的 init() 中
如果您有 List 或 Forms,这会对视图的其余部分产生一些副作用,但它对我有用。
Xcode 版本 - 13.1
我在使用背景图片和分组时遇到一些问题 Form{}
。发生的事情是在 ZStack 中放置背景图像并包含分组选项时,Form{}
,背景图像消失。
在我的代码下面显示了我在 ZStack 中的背景图片。还包括 link 到预览的屏幕截图 -> https://i.stack.imgur.com/u12Sw.png
var body: some View {
ZStack {
Image("login")
.resizable()
.scaledToFill()
.edgesIgnoringSafeArea(.all)
}
}
但是,当我在 ZStack 中添加 Form{}
时,背景图像完全消失,只有 Form{}
(带有 TextField &SecureTextField)出现在没有背景图像的预览中。下面是带有预览屏幕截图的代码和 link -> https://i.stack.imgur.com/BI3U2.png
var body: some View {
ZStack {
Image("login")
.resizable()
.scaledToFill()
.edgesIgnoringSafeArea(.all)
Form {
TextField(
"Username (email)",
text: self.$username)
.autocapitalization(.none)
.disableAutocorrection(true)
SecureTextField(text: $password)
}
}
}
我的假设是只要窗体在 ZStack 中,窗体就应该覆盖背景图像。
我喜欢表单的外观而不是两个单独的文本字段。无论如何,有没有用表格或类似表格的东西来做到这一点?
这就是我现在所做的: 我要么将此修饰符添加到表单中。
.onAppear {
UITableView.appearance().backgroundColor = .clear
}
或者在视图的 init() 中
如果您有 List 或 Forms,这会对视图的其余部分产生一些副作用,但它对我有用。