Text() 正在添加額外的前導尾隨填充 SwiftUI

Question

嗨，我用 swiftUI 創建了這個設計，但我不知道為什么 Text() 會為字符串值添加更多填充，我只是希望它在前導尾隨，比如邊距

設計：

結果：

代碼：

    struct ProductDetailSwiftUIView: View {
    
        var body: some View {
            ZStack {
                ScrollView {
                    VStack {
                        Rectangle()
                            .frame(height: 213)
                            .foregroundColor(Color.blue)
                            
                        Text("Fresas Congeladas La Huerta 500g")
                            .foregroundColor(.black)
                            .font(Font.bodySemibold(22))
                            .multilineTextAlignment(.leading)
                            .frame(maxWidth: .infinity)
                            .background(Color.red)
                            .padding(.leading, 16)
                            .padding(.trailing, 16)
                    }
                }.toolbar {
                    ToolbarItem(placement: .navigationBarTrailing) {
                        Button {
                            print("Hello world🚀")
                        } label: {
                            Label("Back", image:  "cartLine")
                        }.overlay(Badge(count: 1))
                    }
                }
            }
        }
    }

Answer 1

首先 Text 在框架中居中對齊，所以

Text("Fresas Congeladas La Huerta 500g")
    .foregroundColor(.black)
    .font(Font.bodySemibold(22))
    .multilineTextAlignment(.leading)
    .frame(maxWidth: .infinity, alignment: .leading)  // << fix 1 !!
    .background(Color.red)
    .padding(.leading, 16)
    .padding(.trailing, 16)

給出：

在第二個 SwiftUI 文本不允許孤立詞。 詳情見下https://stackoverflow.com/a/71698509/12299030

Answer 2

從Text()中刪除.frame(maxWidth: .infinity) ) 以解決此問題。