将内容向左对齐-SwiftUI iOS 14小部件

时间:2020-09-28 16:21:58

标签: ios swift swiftui widget ios14

我正在为iOS 14构建一个小部件,希望某些内容向左对齐,而其他一些内容在右侧。我该怎么办?

这是我的代码:

ZStack {
            HStack(alignment: .center, spacing: nil, content: {
                
                VStack(alignment: .leading, spacing: nil, content: {
                    Text("Heading")
                        .zIndex(2)
                        .shadow(radius: 5)

                    
                    Text("Subtitle")
                        .zIndex(1)
                        .shadow(radius: 2.5)

                })
                
            })
            Image("Image")
                .zIndex(-1)
        }

这将创建以下内容:enter image description here

我希望标题和字幕文本与小部件的最左侧对齐,因此我可以在中间/右侧添加更多信息。

提前谢谢!我对SwiftUI还是很陌生,所以需要一点学习。

1 个答案:

答案 0 :(得分:2)

在HStack中添加间隔符

        HStack(alignment: .center, spacing: nil, content: {
            
            VStack(alignment: .leading, spacing: nil, content: {
                Text("Heading")
                    .zIndex(2)
                    .shadow(radius: 5)

                
                Text("Subtitle")
                    .zIndex(1)
                    .shadow(radius: 2.5)

            })
            Spacer()     // << here !!                
        })