SwiftUI中如何实现整个底部工具栏可点击？已遇内容消失问题

你的代码里内容消失的原因是Button在.bottomBar位置的默认样式加上无约束的Spacer，导致控件被挤压至无尺寸，可以用以下几种方式修复：

方案1：给Button设置无边框样式+占满宽度 #

ToolbarItem(placement: .bottomBar) {
    Button(action: {
        print("toolbar tapped!")
    }) {
        Text("Toolbar")
            .frame(maxWidth: .infinity)
    }
    .buttonStyle(.borderless)
}

方案2：用Text直接绑定点击手势 #

避开Button的默认样式限制，直接给可点击文本设置布局约束：

ToolbarItem(placement: .bottomBar) {
    Text("Toolbar")
        .frame(maxWidth: .infinity)
        .onTapGesture {
            print("toolbar tapped!")
        }
}

方案3：保留原结构，给Button添加宽度约束 #

如果想保留HStack+Spacer的结构，给Button设置占满宽度的frame即可：

ToolbarItem(placement: .bottomBar) {
    Button(action: {
        print("toolbar tapped!")
    }) {
        HStack {
            Spacer()
            Text("Toolbar")
            Spacer()
        }
    }
    .frame(maxWidth: .infinity)
}

核心逻辑是给底部栏内的可点击控件设置明确的宽度约束（比如maxWidth: .infinity），确保它能占据底部栏的可用空间，避免因无约束被压缩消失。

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