Swiftui WidgetKit扩展中的顶部对齐标签

Swiftui WidgetKit扩展中的顶部对齐标签,swiftui,widget,Swiftui,Widget,我正在尝试为我的一个应用程序创建WidgetKit扩展。 我想有一个顶部对齐的标签和一些动态内容 问题是所有内容都是以中心为中心的。 我希望标签在顶部,容器应该填满剩余的空间。容器内有物品(也不居中,从顶部开始) 这是我的代码: struct WidgetView : View { var data: DataProvider.Entry var body: some View { Text("Test")

我正在尝试为我的一个应用程序创建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")
        }
    }
}
struct-WidgetView:View
{
变量数据:DataProvider.Entry
var body:一些观点
{
文本(“测试”)
.font(字体系统(大小:14.0,重量:中等,设计:默认值))
.fontWeight(.半加粗)
.背景(颜色.白色)
.foregroundColor(颜色:红色)
.padding(.top,8.0)
ForEach(0..<2,id:\.self)
{
_在
文本(“这只是一些文本”)
}
}
}
这将产生以下视图:

我尝试添加一个
滚动视图
和一个
懒散的
。现在它看起来就像我希望它看起来一样,但是有一个红色的圆圈(在
WidgetKit
?)中可能不允许):


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

使用底部带有垫片的
VStack

VStack{
文本(“测试”)
.font(字体系统(大小:14.0,重量:中等,设计:默认值))
.fontWeight(.半加粗)
.背景(颜色.白色)
.foregroundColor(颜色:红色)
.padding(.top,8.0)
ForEach(0..<2,id:\.self)
{
_在
文本(“这只是一些文本”)
}
垫片()
}
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()
}