使VStack中的文本占据VStack的整个宽度
安德烈斯
我正在尝试Text在a中制作两个，VStack以采用父对象的整个宽度（VStack）。
我完全没有主意。
这就是我所拥有的：
var body: some View {
VStack(alignment: .center, spacing: 0) {
Image("image")
.resizable()
.scaledToFill()
.frame(height: 190)
.clipped()
VStack(alignment: .leading, spacing: 8) {
Text(title)
.font(.title)
.background(Color.red)
.fixedSize(horizontal: false, vertical: true)
Text(subtitle)
.font(.subheadline)
.background(Color.yellow)
.fixedSize(horizontal: false, vertical: true)
}
.frame(minWidth: 0, maxWidth: .infinity)
.background(Color.green)
.padding(.top, 24)
.padding(.horizontal, 24)
Button(buttonTitle) { print("Something") }
.frame(maxWidth: .infinity, minHeight: 56)
.background(Color.red)
.foregroundColor(.white)
.cornerRadius(56/2)
.padding(.top, 32)
.padding(.horizontal, 24)
.padding(.bottom, 20.0)
}.background(Color.blue)
.cornerRadius(38)
.frame(minWidth: 0, maxWidth: UIScreen.main.bounds.size.width - 48)
}
这是它的外观：
我希望红色和黄色标签占据绿色的整个宽度VStack。
我该如何实现？！
尼克萨尔诺
- 删除两个文本上的.fixedSize
- 添加.frame（minWidth：0，maxWidth：.infinity）代替
- 在SwiftUI中，事情的顺序也很重要，因此您需要在.frame之后添加.background
最终结果将是：
Text("title")
.font(.title)
.frame(minWidth: 0, maxWidth: .infinity)
.background(Color.red)
要使其左对齐：
HStack {
Text("title")
.font(.title)
Spacer(minLength: 0)
}
.background(Color.red)
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
VStack中的按钮和文本
- 2
在SwiftUI，SwiftUI中调整多个vstack宽度
- 3
SwiftUI在VStack中的不同对齐文本
- 4
如何拉伸文本以占据整个高度和宽度
- 5
占据屏幕整个宽度的图像
- 6
TD占据行的整个宽度
- 7
li元素占据了屏幕的整个宽度
- 8
如何让页脚边框占据屏幕的整个宽度？
- 9
强制视频占据 SImpleExoPlayerView 的整个宽度
- 10
锚标签中的 Div 没有占据整个宽度？HTML 和 CSS
- 11
如何在SwiftUI中使VStack填充屏幕宽度
- 12
VStack中的SwiftUI视图相互重叠
- 13
VStack按钮中的图像和按钮标题
- 14
SwiftUI在VStack / HStack中复制了边框
- 15
无法从列表中删除vstack元素
- 16
VStack图像周围的间距，但文本周围不
- 17
Chrome扩展程序无法占据整个窗口宽度
- 18
td元素的子元素占据整个宽度和高度
- 19
使Bootstrap Column占据整个页面宽度（或至少90％）
- 20
使用relativelayout并排添加控件以占据整个屏幕宽度
- 21
Android-如何获取滚动视图以占据屏幕的整个宽度？
- 22
网格960占据了整个宽度并具有调整大小
- 23
如何避免带有 display:block 的 <a> 占据整个宽度？
- 24
子div导致父div占据整个页面宽度
- 25
v-text-field 没有占据容器的整个宽度
- 26
在响应式设计中，是否有办法在两者之间有特定的间距并占据整个宽度？
- 27
如何使css中的文本的bg颜色跨越整个屏幕的宽度
- 28
SwiftUI中ScrollView中VStack中元素的神秘间距或填充
- 29
ForEach循环中的VStack不遵守WatchOS中的对齐参数
我来说两句