WatchOS新.accessoryInline Widget内容无法完整显示问题求助

.accessoryInline是WatchOS中空间最紧凑的Widget类型，可用水平宽度非常有限。你的代码里两个子HStack总宽度超过了Widget的可用空间，SwiftUI默认会直接隐藏超出部分，导致第二个子HStack不可见。以下是几种可行的解决方法：

1. 调整布局优先级 #

通过给子视图设置不同的layoutPriority，让SwiftUI优先保留重要内容，同时尝试压缩次要内容而非直接隐藏：

struct WidgetInlineView : View {
    var entry: BurnoutTimelineEntry
    
    var body: some View {
        HStack(spacing: 5) {
            HStack {
                Image("widgetWork")
                Text(entry.exchange.todayWork.durationString)
            }
            .layoutPriority(1) // 优先保留第一个视图
            
            HStack {
                Image("widgetPause")
                Text(entry.exchange.todayPause.durationString)
            }
            .layoutPriority(0) // 允许第二个视图被压缩
        }
    }
}

2. 缩小元素尺寸，减少空间占用 #

通过压缩图片、文字大小和间距，降低整体宽度：

struct WidgetInlineView : View {
    var entry: BurnoutTimelineEntry
    
    var body: some View {
        HStack(spacing: 3) {
            HStack(spacing: 2) {
                Image("widgetWork")
                    .resizable()
                    .frame(width: 12, height: 12)
                Text(entry.exchange.todayWork.durationString)
                    .font(.caption)
            }
            
            HStack(spacing: 2) {
                Image("widgetPause")
                    .resizable()
                    .frame(width: 12, height: 12)
                Text(entry.exchange.todayPause.durationString)
                    .font(.caption)
            }
        }
    }
}

3. 简化嵌套结构，减少冗余间距 #

去掉不必要的嵌套HStack，直接在主HStack中排列所有元素，减少额外的间距开销：

struct WidgetInlineView : View {
    var entry: BurnoutTimelineEntry
    
    var body: some View {
        HStack(spacing: 3) {
            Image("widgetWork")
                .resizable()
                .frame(width: 12, height: 12)
            Text(entry.exchange.todayWork.durationString)
                .font(.caption)
            
            Spacer(minLength: 2)
            
            Image("widgetPause")
                .resizable()
                .frame(width: 12, height: 12)
            Text(entry.exchange.todayPause.durationString)
                .font(.caption)
        }
    }
}

4. 强制视图适应可用空间 #

给主HStack添加fixedSize(horizontal: false, vertical: true)，允许视图在水平方向自动压缩以适应Widget的有限空间：

struct WidgetInlineView : View {
    var entry: BurnoutTimelineEntry
    
    var body: some View {
        HStack(spacing: 5) {
            HStack {
                Image("widgetWork")
                Text(entry.exchange.todayWork.durationString)
            }
            
            HStack {
                Image("widgetPause")
                Text(entry.exchange.todayPause.durationString)
            }
        }
        .fixedSize(horizontal: false, vertical: true)
    }
}

注意：Widget预览有时会和实际模拟器/真机显示有差异，建议在完整的WatchOS模拟器或真机上测试最终效果。

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