删除或更改SwiftUI视图底部安全区域的颜色
以下是屏幕截图: 视图的代码如下所示:删除或更改SwiftUI视图底部安全区域的颜色,swiftui,safeareaview,Swiftui,Safeareaview,以下是屏幕截图: 视图的代码如下所示: struct ViewDetails: View { @EnvironmentObject var displayDetails: DisplayDetails var body: some View { ScrollView { GeometryReader { geometry in ZStack { if g
struct ViewDetails: View {
@EnvironmentObject var displayDetails: DisplayDetails
var body: some View {
ScrollView {
GeometryReader { geometry in
ZStack {
if geometry.frame(in: .global).minY <= 0 {
Image("header")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: geometry.size.width, height: geometry.size.height)
.offset(y: geometry.frame(in: .global).minY/9)
.clipped()
} else {
Image("header")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: geometry.size.width, height: geometry.size.height + geometry.frame(in: .global).minY)
.clipped()
.offset(y: -geometry.frame(in: .global).minY)
}
}
}.frame(height: 400)
VStack(alignment: .leading) {
HStack {
Image("author")
.resizable()
.aspectRatio(contentMode: .fill)
.frame(width: 60, height: 60)
.clipped()
.cornerRadius(10)
VStack(alignment: .leading) {
Text("Article by")
.font(.custom("AvenirNext-Regular", size: 15))
.foregroundColor(.gray)
Text("John Doe")
.font(.custom("AvenirNext-Demibold", size: 15))
}
}.padding(.top, 20)
Text("Lorem ipsum dolor sit amet")
.font(.custom("AvenirNext-Bold", size: 30))
.lineLimit(nil)
.padding(.top, 10)
Text("3 min read • 22. November 2019")
.font(.custom("AvenirNext-Regular", size: 15))
.foregroundColor(.gray)
.padding(.top, 10)
Text(articleContent)
.font(.custom("AvenirNext-Regular", size: 20))
.lineLimit(nil)
.padding(.top, 30)
}
.frame(width: 350)
}
.edgesIgnoringSafeArea(.all)
.onAppear(perform: {
self.displayDetails.showFullScreen.toggle()
})
}
}
结构视图详细信息:视图{
@EnvironmentObject变量displayDetails:displayDetails
变量体:某些视图{
滚动视图{
GeometryReader{中的几何体
ZStack{
if geometry.frame(in:.global).minY我稍微更改了您的代码,并在模拟器上运行了它。唯一的更改是在
之前添加.background(Color.yellow)
。edgesIgnoringSafeArea(.all)
。下面是完整的代码片段,结果如下:
结构视图详细信息:视图{
var body:一些观点{
滚动视图{
GeometryReader{中的几何体
ZStack{
如果geometry.frame(in:.global).minY在滚动视图的.edgesIgnoringSafeArea(.all)上方放置一个.background(Color.black)就可以了!