SwiftUI - 在 VStack 中对齐文本

Posted

技术标签:

【中文标题】SwiftUI - 在 VStack 中对齐文本【英文标题】:SwiftUI - Align Text in a VStack 【发布时间】:2020-10-04 06:55:48 【问题描述】:

如何将TextVStack 中的左对齐对齐,这样占用更多空间

这是正在使用的代码

VStack(alignment:.leading) 
    Text("Test")
       .font(.system(size: 10))
       .frame(maxWidth: .infinity, maxHeight: .infinity)
.frame(maxWidth: .infinity, maxHeight: .infinity)
 .background(Color.green)

【问题讨论】:

来点padding怎么样? 【参考方案1】:

尝试在您的文本视图上使用此修饰符:.multilineTextAlignment(.leading)

【讨论】:

【参考方案2】:

你需要给文本框添加对齐方式,比如

VStack(alignment:.leading) 
    Text("Test")
       .font(.system(size: 10))
       .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading) // << here !!
.frame(maxWidth: .infinity, maxHeight: .infinity)
 .background(Color.green)

【讨论】:

谢谢。从这个问题中也得到了同样的结果:***.com/questions/60800624/…

以上是关于SwiftUI - 在 VStack 中对齐文本的主要内容,如果未能解决你的问题,请参考以下文章

SwiftUI中ScrollView底部对齐内的VStack

SwiftUI 中的布局与水平和垂直对齐

ScrollView 文本对齐 SwiftUI

Swift UI VStack 对齐。按下时使文本字段与键盘一起出现

SwiftUI:将视图与 VStack 中另一个视图的前缘和后缘对齐

如何将项目 HStack 与 VStack SwiftUI 对齐