SwiftUI多个标签垂直对齐

SwiftUI多个标签垂直对齐,swiftui,Swiftui,有很多解决方案可以尝试在SwiftUI中使用VStack中的HSTACK对齐多个图像和文本。有什么方法可以对多个标签执行此操作吗?当添加到列表中时,多个标签会自动垂直整齐地对齐。当它们嵌入到VStack中时,有没有一种简单的方法可以做到这一点 问题是系统图标的标准宽度不同。正如你提到的,使用HStack可能是最简单的。但是,如果使用完整标签完成,您将看到标题实际上只是一个文本,图标只是一个图像。。。然后可以添加自定义修改器,例如图像宽度的特定帧。就我个人而言,我还是宁愿用HStack var

有很多解决方案可以尝试在SwiftUI中使用VStack中的HSTACK对齐多个图像和文本。有什么方法可以对多个标签执行此操作吗?当添加到列表中时,多个标签会自动垂直整齐地对齐。当它们嵌入到VStack中时,有没有一种简单的方法可以做到这一点


问题是系统图标的标准宽度不同。正如你提到的,使用HStack可能是最简单的。但是,如果使用完整标签完成,您将看到标题实际上只是一个文本,图标只是一个图像。。。然后可以添加自定义修改器,例如图像宽度的特定帧。就我个人而言,我还是宁愿用HStack

var body: some View {
    VStack(alignment: .leading){
        Label(
            title: {
                Text("People")
            },
            icon: {
                Image(systemName: "person.3")
                    .frame(width: 30)
            })

        Label(
            title: {
                Text("Star")
            },
            icon: {
                Image(systemName: "star")
                    .frame(width: 30)

            })

        Label(
            title: {
                Text("This is a plane")
            },
            icon: {
                Image(systemName: "airplane")
                    .frame(width: 30)
            })
    }
}

问题是系统图标的标准宽度不同。正如你提到的,使用HStack可能是最简单的。但是,如果使用完整标签完成,您将看到标题实际上只是一个文本,图标只是一个图像。。。然后可以添加自定义修改器,例如图像宽度的特定帧。就我个人而言,我还是宁愿用HStack

var body: some View {
    VStack(alignment: .leading){
        Label(
            title: {
                Text("People")
            },
            icon: {
                Image(systemName: "person.3")
                    .frame(width: 30)
            })

        Label(
            title: {
                Text("Star")
            },
            icon: {
                Image(systemName: "star")
                    .frame(width: 30)

            })

        Label(
            title: {
                Text("This is a plane")
            },
            icon: {
                Image(systemName: "airplane")
                    .frame(width: 30)
            })
    }
}

我试图让VStack中的对齐方式看起来像我在列表中提供的示例(第一幅图像)。我试图让VStack中的对齐方式看起来像我在列表中提供的示例(第一幅图像)。这实际上与使用HStack的解决方案相同。通过指定框架,当用户启用动态文本时,您将失去自动适应性。是的,我同意,但您的问题是,是否有方法垂直对齐标签,这是我所知道的唯一解决方案。这实际上与使用HStack相同。通过指定框架,当用户打开动态文本时,您将失去自动适应性。是的,我同意,但您的问题是,是否有方法垂直对齐标签,这是我所知道的唯一解决方案。