SwiftUI macOS菜单栏应用：动态列表按钮显示异常求助

这看起来是SwiftUI List在macOS上的视图重用或布局约束冲突导致的，我之前做菜单栏应用时也碰到过类似的按钮压缩问题，给你几个可行的解决思路和修改方案：

问题分析 #

初始加载正常但滚动后按钮变成无文本小方块，大概率是List的视图重用机制在搞鬼——当单元格滚出可视区域后，SwiftUI会复用这个单元格的视图结构，但如果布局约束不够明确，就会导致按钮文本被压缩甚至消失。你之前尝试的GeometryReader强制设置宽度反而可能干扰了List的自适应布局，加重了这个问题。

解决方案 #

1. 移除外层的GeometryReader #

List本身会自适应父容器的宽度，强制用GeometryReader固定宽度会打破List的布局逻辑，先把这层去掉：

2. 给按钮添加明确的尺寸约束 #

给按钮设置最小宽度和内边距，确保文本有足够的显示空间，不会在视图重用时被压缩：

修改后的完整代码 #

List(self.results, id: \.title) { item in
    VStack(alignment: .leading) {
        Text(item.title)
            .font(.headline)
            .padding(.vertical, 5)
        Text(item.description)
            .padding(.top, 5)
        HStack(spacing: 10) {
            Button(action: { print("Hello") }) {
                Text("Копирај линк")
                    .frame(minWidth: 100) // 确保按钮有最小宽度，文本不会被压缩
                    .padding(.horizontal, 8)
                    .padding(.vertical, 4)
            }
            Button(action: { NSWorkspace.shared.open(item.article_url) }) {
                Text("Отвори во прелистувач")
                    .frame(minWidth: 150)
                    .padding(.horizontal, 8)
                    .padding(.vertical, 4)
            }
        }
        .padding(.top, 8) // 让按钮区域和描述文本保持间距
    }
}

额外优化建议 #

如果还是有问题，可以尝试：

• 给每个按钮添加唯一的id（比如.id(item.article_url)），帮助SwiftUI准确识别视图身份，避免重用时的混淆；
• 把按钮封装成独立的View组件，比如LinkButton，让布局逻辑更清晰，也能减少视图重用时的冲突。

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