SwiftUI 中 ForEach 与 NavigationLink 结合使用时 @Environment(.dismiss) 的挑战

使用 ForEach 嵌套 NavigationLink 时使用 @Environment(\.dismiss) 的挑战

简介

ForEach 和 NavigationLink 是 SwiftUI 中用于创建动态列表和导航到新视图的强大组件。然而，当这两个组件结合使用时，会遇到一个常见的挑战，即无法在 ForEach 中使用 @Environment(\.dismiss)。

问题

当你尝试在 ForEach 中使用 @Environment(\.dismiss) 时，你可能会发现单击 NavigationLink 无效。这是因为 @Environment(\.dismiss) 创建了一种模态呈现样式，其中 NavigationLink 中的视图将覆盖父视图。不幸的是，由于 ForEach 是一个动态列表，SwiftUI 无法正确处理这种呈现方式。

解决方法

解决此问题的常用方法包括：

1. 使用 .confirmationDialog

confirmationDialog 提供了一个更明确的模态呈现方式，它允许你指定一个确认对话框，用户需要在继续导航之前确认。通过在子视图中使用 presentationMode 环境变量，你可以轻松关闭父视图。

2. 使用 sheet

sheet 也是一种模态呈现方式，它允许你将视图作为工作表呈现，该工作表可以滑出并覆盖父视图。通过在子视图中使用 presentationMode 环境变量，你可以轻松关闭父视图。

3. 使用 @Binding

你可以使用 @Binding 来将 @Environment(\.dismiss) 传递给 ForEach 中的子视图，从而手动处理呈现。通过使用 onAppear 和 onDisappear 修饰符，你可以管理子视图的生命周期并关闭父视图。

建议

为了获得最佳性能，仅在需要时使用 @Environment(\.dismiss)。如果你在 ForEach 外部不需要该环境变量，请考虑在子视图中将其注释掉。

常见问题解答

1. 为什么 ForEach 和 NavigationLink 的组合会导致此问题？

@Environment(\.dismiss) 创建了一种模态呈现样式，SwiftUI 无法正确处理这种样式与 ForEach 动态列表的组合。

2. @Binding 如何帮助解决此问题？

@Binding 允许你手动管理子视图的生命周期和呈现，从而使你能够使用 @Environment(\.dismiss)。

3. 我应该使用哪种方法？

最佳方法取决于你的特定需求。如果你需要一个确认对话框，confirmationDialog 是一个不错的选择。如果你需要一个滑出工作表，sheet 是一个好的选择。如果你需要更多手动控制，@Binding 是一种灵活的方法。

4. 如何仅在需要时使用 @Environment(\.dismiss)？

在子视图中注释掉 @Environment(\.dismiss) 环境变量，除非在 ForEach 外部需要它。

5. 有没有其他方法可以解决此问题？

没有其他官方支持的方法。但是，可以使用第三方库或自定义实现来实现类似的功能。