为手表部分的 NavigationLink 调整 padding/margins

Question

我的原版只有一个文本 object。当我用 NavigationLink 替换它以便点击它会导致另一个视图时，该部分的大小突然膨胀，同时添加了填充和边距。我已经尝试了 .padding(0) 和我能想到的所有其他方法，但 NavigationLink 坚持要成为一个超大的气泡。

var body: some View {
    List {
        Section(header:
                    NavigationLink("Section Title", destination: OrgChooserView())) {
            ForEach(model.metrics, id: \.displaySequence) { metric in
                MetricRowView(metric: metric)
            }
        }
    }
    .navigationTitle("Test").accentColor(.orange)
}

在部分中使用 NavigationLink：

部分有文字：

如能帮助我移除 header 部分周围的可见气泡或调整其填充和边距，我将不胜感激。

谢谢。

Answer 1

对您的 NavigationLink 应用 .buttonStyle(PlainButtonStyle()) 以删除填充和背景。您还将失去按钮的默认着色和“触及”效果，因此如果需要，您必须重新创建它们。

为手表部分的 NavigationLink 调整 padding/margins

Adjust padding/margins for NavigationLink in Section on Watch

watchkit

swiftui

swiftui-navigationlink