如何在 SwiftUI 中使列表更宽？

Question

我现在正在学习 SwiftUI，并且正在编写教程。

但是在 SwiftUI List 中，名称的部分被剪掉了，如图所示。 你有修改器吗？

struct ContentView: View {
    var body: some View {
        List(modelData) {
            Device in HStack {
                Image(systemName: Device.image)
                    .frame(width: 50, height: 10, alignment: .leading)
                    Text("\(Device.name)")
                    .frame(width: 50, height: 10, alignment: .leading)
                    .scaledToFit()
                    VStack {
                    Text("\(Device.price)")
                }
            }
            .font(.title)
        }
    }

}

Answer 1

而不是像你那样限制

    Text("\(Device.name)")
    .frame(width: 50, height: 10, alignment: .leading)
    .scaledToFit()

只用

    Text("\(Device.name)")

它将自动调整大小以适合