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