React Native 中的路由和状态管理答案

【问题标题】：Routing and State Management in React NativeReact Native 中的路由和状态管理
【发布时间】：2021-09-13 16:10:57
【问题描述】：

我是移动应用程序开发领域的新手。我知道一点 React JS。在 React JS 中，我们使用第三方包如 react-router-dom 和 Redux 进行路由和状态管理。对于 React Native，是否有任何内置库，或者我们必须使用上面提到的包来做这些事情。请解释。提前致谢。

【问题讨论】：

标签： javascript react-native routes state-management

【解决方案1】：

对于 react native，我个人建议 @react-navigation 这确实是您的应用程序所需要的。它还允许与 redux 集成。

这是一个代码示例，它基于堆栈，在每个堆栈内，您可以拥有任意数量的屏幕

<NavigationContainer
      ref={navigationRef}
      onReady={() => {
        isReadyRef.current = true;
      }}
    >
      <Stack.Navigator
        screenOptions={{
          headerShown: false,
        }}
      >
        <Stack.Screen name={SCREENS.HOME} component={renderTabNavigation} />
        <Stack.Screen name={SCREENS.DETAIL}>
          {(props) => <DetailScreen {...props} />}
        </Stack.Screen>
      </Stack.Navigator>
    </NavigationContainer>

【讨论】：

谢谢阿米尔先生。那么我的理解正确吗？ react-native 中没有对 Routing 的内置支持。
不，没有。 react-navigation 是 react-native 官方文档建议的社区解决方案。