使用 FlatList 和 Navigation 更新子组件上的 props

Question

我正在使用功能组件，并使用 React Native 实现了以下工作流程。我有一个父组件，它通过自定义挂钩（使用 useState 和 useEffect 挂钩）检索当前位置，并注册了 watchPositionAsync。该位置在父组件上更新。在父组件上，我使用带有 onPress 的 FlatList 作为带有一些道具的子组件导航到下一个屏幕。其中之一是“更新”的位置。 当我点击列表项时，当前位置被发送到子组件。

现在位置被监听器改变了，但是更新后的位置只会被发送到父组件而不是子组件。我如何必须使用钩子在孩子处注册更新的位置？ 实现有点像http://5.9.10.113/67799305/how-to-add-clickable-flatlist-item-and-navigate-to-detail-component-in-react-nat 只需使用来自 home 组件的动态 url 作为 Detail 的道具。

Answer 1

您可以使用redux 或上下文api。这是简单的解决方案，已经回答here。