WidgetKit扩展中的顶部对齐标签

Question

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

问题是所有的内容都是以内容为中心的。我希望标签在顶部，容器应该填满其余的空间。在该容器中的是项目(也不居中，从顶部开始)。

这是我的代码：

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()
}