SwiftUI VStack对齐错误?

插口

我最近在SwiftUI中构建了一个应用程序,今天我注意到VStack Alignment有一些奇怪的行为。无论我使用哪种对齐方式,视图都不会在中心以外对齐。见下文:

VStack(alignment: .trailing, spacing: 0) {
    Text("Hello, World!")
}

在此处输入图片说明

VStack(alignment: .center, spacing: 0) {
    Text("Hello, World!")
}

SW

它是在预览和模拟器中执行的,我正在尝试将文本对齐到屏幕的右边缘。

完整代码:

import SwiftUI

struct DemoView: View {
    var body: some View {
        VStack(alignment: .center, spacing: 0) {
            Text("Hello, World!")
        }
    }
}

struct DemoView_Previews: PreviewProvider {
    static var previews: some View {
        DemoView()
    }

}
他的脾气

VStack(alignment:...)是对准子视图,但你只有一个子视图,所以完全对齐

默认情况下,所有堆栈都紧紧地容纳内容(只需将.border添加到测试VStack / s中,您就会看到结果,因此没有空间可移动内容。

通过在堆栈中提供框架对齐以提供屏幕范围的区域,可以解决您的期望:

演示

VStack {
    Text("Hello, World!")
}.frame(maxWidth: .infinity, alignment: .trailing)

PS SwiftUI仍然有很多错误,但是这里没有:)

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

SwiftUI在VStack中的不同对齐文本

来自分类Dev

SwiftUI VStack右对齐单个元素

来自分类Dev

SwiftUI ZStack对齐错误

来自分类Dev

如何在SwiftUI中将项目对齐到VStack中的顶部?

来自分类Dev

为什么我的SwiftUI VStack无法正确对齐?

来自分类Dev

如何将项目HStack与VStack SwiftUI对齐

来自分类Dev

在SwiftUI,SwiftUI中调整多个vstack宽度

来自分类Dev

如何在标签的右边对齐进度指示器并使标签在SwiftUI中的VStack中居中?

来自分类Dev

SwiftUI对齐底部

来自分类Dev

文本对齐/ swiftUi

来自分类Dev

ScrollView文本对齐SwiftUI

来自分类常见问题

SwiftUI ScrollView VStack GeometryReader高度被忽略

来自分类Dev

如何从SwiftUI的官方教程代码解释VStack {..}?

来自分类Dev

VStack中的SwiftUI视图相互重叠

来自分类Dev

从SwiftUI函数返回已填充的VStack

来自分类Dev

SwiftUI在VStack / HStack中复制了边框

来自分类Dev

SwiftUI位于VStack顶部的神秘空间

来自分类Dev

带有灵活Spacer的SwiftUI VStack

来自分类Dev

SwiftUI ScrollView VStack GeometryReader高度被忽略

来自分类Dev

SwiftUI | VStack无法在ForEach循环中运行

来自分类Dev

将文本与填充SwiftUI对齐

来自分类Dev

SwiftUI按钮文本对齐问题

来自分类Dev

捕捉SwiftUI中的错误

来自分类Dev

VStack .lead对齐

来自分类Dev

SwiftUI:在SwiftUI中将动态大小的矩形与垫片垂直对齐

来自分类Dev

使用GeometryReader时,SwiftUI错误的覆盖层垂直对齐

来自分类Dev

如何在SwiftUI中使VStack填充屏幕宽度

来自分类Dev

SwiftUI中ScrollView中VStack中元素的神秘间距或填充

来自分类Dev

SwiftUI如何动态添加VStack,HStack和List的元素?