SwiftUI：如何正确设置Text组件的宽度？

这是SwiftUI的正常行为，你没有操作错误。

当你给Text添加.frame(width: 68)修饰符时，不是直接修改Text自身的宽度，而是给Text包裹了一个宽度固定为68的容器视图。Text会保持它的固有宽度（由文本内容的长度决定），并默认在这个容器中居中显示——所以在Debug View Hierarchy里会看到两个层级：外层是宽度68的frame容器，内层是Text视图。

解决方式分两种场景： #

• 如果只是需要一个宽度为68的视觉区域（比如要给文本加背景、边框），可以把背景/边框修饰符加在frame上，而非Text上：

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, world!")
                .frame(width: 68)
                .background(Color.blue) // 背景会填充68宽度的容器
        }
        .padding()
    }
}

• 如果需要让Text拉伸填充整个68宽度的容器（比如让文本左对齐且占满宽度），可以在frame中指定对齐方式，再让Text填充可用空间：

struct ContentView: View {
    var body: some View {
        VStack {
            Text("Hello, world!")
                .frame(maxWidth: 68, alignment: .leading) // 限制最大宽度68，文本左对齐
                .frame(maxWidth: .infinity) // 让Text填充容器（可选，根据布局需求调整）
        }
        .padding()
    }
}

内容的提问来源于stack exchange，提问作者DàChún