我有一个有两个文本的HStack。
HStack { Text("Hello") Text("World") }
我希望文本(“Hello”)位于页面的左侧,文本(“World”)位于页面的右侧,并且两个文本与页面的水平中心距离相等。我添加了一个视觉效果以进行说明:Visual我尝试了很多不同的方法,但还没有找到任何方法来精确地完成这项任务。
vngu2lb81#
可以使用框架修饰符的alignment参数。HStack的Spacing参数用于文本之间的间距。
HStack(spacing: 0) { Text("Hello, World!") .frame(maxWidth: .infinity, alignment: .trailing) Text("Hello, World!") .frame(maxWidth: .infinity, alignment: .leading) }
fcg9iug32#
我真的不明白你的需要,但根据你的图纸,我认为你需要像下面这样的东西,
HStack{ Spacer() Text("Hello") .background(Color.orange) Spacer().frame(width: 20) Text("World") .background(Color.orange) Spacer() }
2条答案
按热度按时间vngu2lb81#
可以使用框架修饰符的alignment参数。
HStack的Spacing参数用于文本之间的间距。
fcg9iug32#
我真的不明白你的需要,但根据你的图纸,我认为你需要像下面这样的东西,