SwiftUI实现占满全宽的ToolbarItem 适配日历星期标识需求

你可以通过给网格容器添加最大宽度约束实现撑满效果，修改后的代码如下：

ToolbarItem(placement: .principal) {
    LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 7), spacing: 0) {
        Text("S")
        Text("M")
        Text("T")
        Text("W")
        Text("T")
        Text("F")
        Text("S")
    }
    .frame(maxWidth: .infinity)
    .padding(.horizontal, 16)
}

核心修改点是给LazyVGrid添加.frame(maxWidth: .infinity)修饰符，强制网格撑满父容器的可用宽度，去掉写死的20间距避免在小屏设备上出现溢出，你可以根据设计需求调整左右内边距的数值和文本样式，对齐系统日历的视觉效果。

如果上述方案仍然无法满足你的设计需求，也可以选择不将星期栏放在ToolbarItem中，直接把它放在页面主体视图的顶部，搭配导航栏的inline展示模式，固定在导航栏下方，对宽度、位置的可控性更高。

另外你也可以通过系统日历接口获取本地化的星期缩写，无需硬写文本，自动适配不同地区的周首日习惯：

ToolbarItem(placement: .principal) {
    let weekSymbols = Calendar.current.shortWeekdaySymbols
    LazyVGrid(columns: Array(repeating: GridItem(.flexible()), count: 7), spacing: 0) {
        ForEach(weekSymbols, id: \.self) { symbol in
            Text(symbol.prefix(1))
                .font(.subheadline.weight(.medium))
                .foregroundColor(.secondary)
        }
    }
    .frame(maxWidth: .infinity)
    .padding(.horizontal, 16)
}

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