如何用黑色填充灰色空间? SwiftUI

Posted

技术标签:

【中文标题】如何用黑色填充灰色空间? SwiftUI【英文标题】:How to fill gray space with black ? SwiftUI 【发布时间】:2021-10-28 14:08:42 【问题描述】:

如何用黑色绘制一个完全灰色的空间?看图片 这是我的代码:

.onTapGesture 
            self.showModal = true
        .sheet(isPresented: self.$showModal, onDismiss: 
//            addEntry()
//            requestReviewIfNeeded()
            self.showModal = false
        , content: 
            
            BiographyDetail(biography: self.biography)
                
            
            Button(action: 
                showModal = false
            ) 
                Text("CLOSE")
                    .foregroundColor(.gray)
                    .background(Color.black).ignoresSafeArea()
            
  
        )

感谢您的帮助!

【问题讨论】:

【参考方案1】:

这是一种可能的方法 - 使用颜色作为背景并将特定内容放置在此颜色的叠加层中。

使用 Xcode 13 / ios 15 测试

.sheet(isPresented: $showModal) 
    Color.black
        .ignoresSafeArea()   // << consumes all space
        .overlay(            // << content is overlaid 
            VStack(spacing: 0) 
                BiographyDetail(biography: self.biography)


                Button(action: 
                    showModal = false
                ) 
                    Text("CLOSE")
                        .foregroundColor(.gray)
                        .background(Color.black).ignoresSafeArea()
                
            )

【讨论】:

非常感谢!它有效)【参考方案2】:

将框架添加到Text

Text("CLOSE")
    .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity)
    .foregroundColor(.gray)
    .background(Color.black).ignoresSafeArea()

【讨论】:

它对我不起作用(按钮占据了屏幕的一半并与我的内容重叠i.ibb.co/Qjp80tM/IMG-8064.jpg 使用 VStack 以及 VStack 中的第一个容器和按钮。 它也没有帮助我 可以显示 BiographyDetail 视图代码吗? 您可以尝试将 .fixedSize(horizo​​ntal: false, vertical: true) 添加到您的详细信息视图中。【参考方案3】:

Text("CLOSE") .frame(minWidth: 0, maxWidth: .infinity, minHeight: 0, maxHeight: .infinity) .foregroundColor(.gray) .background(Color.black).ignoresSafeArea()

【讨论】:

以上是关于如何用黑色填充灰色空间? SwiftUI的主要内容,如果未能解决你的问题,请参考以下文章

如何用 div 填充边距空间并赋予其样式?

如何用Fireworks制作经典的扫光字GIF动画

CSS 布局:移动、垂直布局、页眉(固定高度)、页脚(固定高度)。如何用img填充剩余空间,受高度和宽度限制

聚焦时如何用图像填充 LWUIT 按钮?

如何用背景颜色填充可见页面的其余部分?

说说在 Canvas 中如何用图片来填充形状