WidgetKit 扩展中的顶部对齐标签

Question

我正在尝试为我的一个应用程序创建 WidgetKit 扩展。我想要一个顶部对齐的标签和一些动态内容。

问题是所有内容都居中。我希望标签位于顶部，容器应填充 space 的其余部分。在该容器内是项目（也不居中，从顶部开始）。

这是我的代码：

struct WidgetView : View
{
    var data: DataProvider.Entry
    
    var body: some View
    {
        Text("Test")
            .font(Font.system(size: 14.0, weight: .medium, design: .default))
            .fontWeight(.semibold)
            .background(Color.white)
            .foregroundColor(Color.red)
            .padding(.top, 8.0)

        ForEach(0 ..< 2, id: \.self)
        {
            _ in
            
            Text("This is just some text")
        }
    }
}

这将导致以下视图：

我尝试添加一个 ScrollView 和一个 LazyVStack。现在它看起来就像我想要的那样，但是有一个红色圆圈（可能 WidgetKit 中不允许？）：

这可能吗？这是我第一次接触SwiftUI。

Answer 1

使用VStack，底部有垫片

VStack {
    Text("Test")
        .font(Font.system(size: 14.0, weight: .medium, design: .default))
        .fontWeight(.semibold)
        .background(Color.white)
        .foregroundColor(Color.red)
        .padding(.top, 8.0)
    ForEach(0 ..< 2, id: \.self)
    {
        _ in

        Text("This is just some text")
    }
    Spacer()
}

WidgetKit 扩展中的顶部对齐标签

Top aligned label in WidgetKit extension

widget

swiftui