SwiftUI - 列表分隔符：当在行开头使用非文本组件时，开头会出现不需要的插入

Question

描述

当HStack'ed 列表行组件以 non- 开头Text且后跟一个Text组件时，则行从该行中的Divider第一个匹配项开始。Text我期望的是Divider延伸穿过这一行。我已经尝试了所有的组合，listSyle()但List没有解决问题。如图所示，分隔线会忽略 之前放置的任何内容Text。

问题

有什么办法可以强制Divider拉伸通过行吗？

重现步骤

struct ContentView: View {
    var body: some View {
        List {
            HStack{
                Image(systemName: "star")
                    .frame(width: 50, height: 50)
                Text("Chocolate")
            }
            HStack{
                Image(systemName: "star")
                    .frame(width: 50, height: 50)
                Text("Waffles")
            }
        }
    }
}

环境

• Xcode 版本信息：Xcode 14.0.1

• 部署目标：iOS 14.0

Answer 1

您可以将系统图像转换为文本，然后该行将从此处开始：

struct ContentView: View {
    var body: some View {
        List {
            HStack{
                Text(Image(systemName: "star")) // here
                Text("Chocolate")
            }
            HStack{
                Text(Image(systemName: "star")) // here
                Text("Waffles")
            }
        }
    }
}