SwiftUI List开发问题：Spacer失效、形状背景不显示、navigationTitle约束报错

1. Spacer未生效，布局不符合预期 #

• 原因：
  1. 你将frame(height: 100)修饰符直接加在了NavigationLink上，而NavigationLink的内部默认布局不会自动将内容区域拉伸到占满cell的水平宽度
  2. CustomView内部使用了GeometryReader，该视图默认会尽可能占用所有可用父级空间，且自身无固有内容大小，导致HStack无法正确计算各视图的排布比例，Spacer的推拉效果无法生效
• 解决方法：
  1. 给NavigationLink内部的HStack添加.frame(maxWidth: .infinity)修饰符，让内容区域占满cell的水平宽度
  2. 给CustomView添加固定宽高约束，避免GeometryReader无限制占用空间

2. 自定义形状背景色未生效，显示为纯黑色 #

• 原因：Circle属于SwiftUI的Shape类型，默认填充色为黑色，你使用.background(Color.green)给Circle的背景设置绿色，会被不透明的黑色Circle本身完全遮挡，自然看不到绿色
• 解决方法：将Circle的.background(Color.green)替换为.fill(Color.green)，直接设置形状的填充色即可

3. navigationTitle导致的NSLayoutConstraint约束错误 #

• 原因：这是iOS 15及以下版本NavigationView的已知系统级bug，当导航栏配置阶段宽度计算异常时就会抛出该约束警告，属于系统内部问题，不会影响App的实际运行
• 解决方法：
  1. 如果适配最低版本为iOS 16+，直接用NavigationStack替换NavigationView即可完全解决该问题
  2. 如果需要兼容更低版本，给NavigationView添加.navigationViewStyle(.stack)修饰符即可消除警告

// 主页面body
var body: some View {
    // iOS16+用NavigationStack，兼容低版本保留NavigationView加stack样式
    NavigationView {
        List {
            ForEach(viewModel.cityList, id: \.name) { city in
                NavigationLink(
                    destination: CityDetailView(city: city)){
                    HStack{
                        Text(city.name)
                        Spacer()
                        CustomView()
                            .frame(width: 60, height: 60) // 给CustomView固定大小
                    }
                    .frame(maxWidth: .infinity) // 让HStack占满宽度
                }
                .frame(height: 100)
            }
        }
        .navigationTitle("World Clock")
    }
    .navigationViewStyle(.stack) // 消除约束警告
}

// CustomView
struct CustomView: View {
    var body: some View {
        GeometryReader { geo in
            Circle()
                .frame(width: geo.size.height, height: geo.size.height)
                .fill(Color.green) // 替换background为fill
        }
    }
}

内容的提问来源于stack exchange，提问作者netshark1000