没有 NavigationLink 的 SwiftUI 列表披露指示器

Question

我正在寻找一种解决方案来显示披露指示器 V 形，而无需将我的视图包装到NavigationLink. 例如，我想显示指示器但不想导航到新视图，而是显示一个模态。

我找到了很多隐藏指示器按钮的解决方案，但没有一个解决方案解释了如何添加一个。在当前的 SwiftUI 版本中这甚至可能吗？

struct MyList: View {
    var body: some View {
        NavigationView {
        List {
            Section {
                Text("Item 1")
                Text("Item 2")
                Text("Item 3")
                Text("Item 4")

            }
        }
    }
}

例如，我想将披露指示符添加到Item 1而无需将其包装成NavigationLink

我已经尝试使用chevron.rightSF 符号来伪造指标，但该符号与默认的 iOS 符号不 100% 匹配。顶部是默认底部是chevron.right。

Answer 1

这绝对是可能的。

Button您可以使用和 非功能性的组合NavigationLink来实现您想要的。

在 上添加以下扩展名NavigationLink。

extension NavigationLink where Label == EmptyView, Destination == EmptyView {

   /// Useful in cases where a `NavigationLink` is needed but there should not be
   /// a destination. e.g. for programmatic navigation.
   static var empty: NavigationLink {
       self.init(destination: EmptyView(), label: { EmptyView() })
   }
}

然后，在您的 中List，您可以对该行执行以下操作：

// ...
ForEach(section.items) { item in
    Button(action: {
        // your custom navigation / action goes here
    }) {
        HStack {
            Text(item.name)
            Spacer()
            NavigationLink.empty
        }
    }
 }
 // ...

上面的结果与使用 a 的结果相同，NavigationLink并且还按照交互时的预期突出显示/取消突出显示该行。

Answer 2

已提交的答案无法解释一件事：点击单元格时突出显示单元格。请参阅About Peek-a-View我的答案 \xe2\x80\x94 底部图像中的单元格，它被突出显示，因为我在截图时按下了它。

\n

我的解决方案同时考虑了这一点和V 形：

\n

Button(action: { /* handle the tap here */ }) {\n    NavigationLink("Cell title", destination: EmptyView())\n}\n.foregroundColor(Color(uiColor: .label))\n

\n

Button当单元格被点击时，的存在似乎会通知 SwiftUI；仅仅添加一个onTapGesture()是不够的。

\n

这种方法的唯一缺点是.foregroundColor()需要指定；如果没有它，按钮文本将为蓝色。

\n

\n

Answer 3

希望这就是您正在寻找的。您可以将项目添加到 HStack 并在其间使用 Spacer 将其伪装为链接：

HStack {
                    Text("Item 1")
                    Spacer()
                    Button(action: {

                    }){
                        Image(systemName: "chevron.right")
                            .font(.body)
                    }
                }

Answer 4

在iOS15中，以下是一个更好的匹配，因为其他解决方案有点太大而且不够大胆。与指定字体大小相比，它还可以更好地调整大小以适应不同的显示比例。

HStack {
    Text("Label")
    Spacer()
    Image(systemName: "chevron.forward")
      .font(Font.system(.caption).weight(.bold))
      .foregroundColor(Color(UIColor.tertiaryLabel))
}

如果有一个官方的方法来做到这一点就好了。更新每个操作系统调整是很烦人的。