iOS Live Activity技术问询：如何移除各展开分段间的边距？

你遇到的是Live Activity默认分段布局自带的系统间距问题，只设置.contentMargins(.all, 0)没用——这个修饰符仅控制分段内部内容到分段边界的距离，而分段之间的间隙是系统预设的布局间距。

有两种可行的解决方法：

方法一：放弃默认分段，用自定义容器完全控制布局 #

直接用VStack/HStack组织所有内容，设置spacing: 0就能彻底消除间隙，示例代码：

LiveActivityContentView(state: state) {
    VStack(spacing: 0) {
        // 顶部leading+trailing区域
        HStack(spacing: 0) {
            Text("Leading内容")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(Color.red)
            Text("Trailing内容")
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(Color.blue)
        }
        // 底部区域
        Text("Bottom内容")
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .background(Color.green)
    }
    .contentMargins(.all, 0)
}

方法二：保留默认分段，用widgetLayout自定义布局 #

如果必须使用.leading/.trailing/.bottom分段，可以通过widgetLayout重写分段的排列规则，强制消除间距：

LiveActivityContentView(state: state) {
    // Leading分段
    Text("Leading内容")
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.red)
        .contentMargins(.all, 0)
        .widgetSection(.leading)
    
    // Trailing分段
    Text("Trailing内容")
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.blue)
        .contentMargins(.all, 0)
        .widgetSection(.trailing)
    
    // Bottom分段
    Text("Bottom内容")
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.green)
        .contentMargins(.all, 0)
        .widgetSection(.bottom)
}
.widgetLayout { context in
    VStack(spacing: 0) {
        HStack(spacing: 0) {
            context.section(.leading)
            context.section(.trailing)
        }
        context.section(.bottom)
    }
}

原理是widgetLayout允许你接管系统的分段布局逻辑，通过设置VStack和HStack的spacing为0，直接消除分段之间的预设间隙。

测试时注意覆盖不同设备尺寸和Live Activity的显示场景，确保布局一致性。

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