reactjs - 反应本机 InitialRouteName
问题描述
我正在使用 React Native v5.0 并尝试为我的应用程序设置嵌套导航,但是,道具“initialRouteName”似乎不起作用,即使我在没有任何 React Redux 代码或嵌套函数的情况下单独设置它仍然无法工作,那个道具应该如何工作?
import { useSelector } from 'react-redux';
import { NavigationContainer } from '@react-navigation/native';
import { createStackNavigator } from '@react-navigation/stack';
import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
import SignIn from './pages/SigIn';
import SignUp from './pages/SignUp';
import Dashboard from './pages/Dashboard';
const AppStack = createStackNavigator();
const Tab = createBottomTabNavigator();
function Home() {
return (
<Tab.Navigator>
<Tab.Screen name="Dashboard" component={Dashboard} />
</Tab.Navigator>
);
}
export default function Routes() {
const Signed = useSelector((state) => state.auth.signed);
return (
<NavigationContainer>
<AppStack.Navigator
initial={Home}
initialRouteName={Signed ? Home : SignIn}
screenOptions={{ headerShown: false }}
>
<AppStack.Screen name="SignIn" component={SignIn} />
<AppStack.Screen name="SignUp" component={SignUp} />
<AppStack.Screen name="Home" component={Home} />
</AppStack.Navigator>
</NavigationContainer>
);
}```
解决方案
你忘记了字符串
initialRouteName={Signed ? "Home" : "SignIn"}
推荐阅读
- c# - 我们如何通过使用 Twilio API 进行分页来获取具有特定日期持续时间的通话记录?
- makefile - 包括在不同目录中具有相同名称的特定头文件
- rust - 我何时以及为什么要使用 i8 而不是 i32?
- php - 有没有办法让一个数字在while循环中每次增加1?
- mysql - 何时使用复合键而不是自动递增
- google-cloud-storage - 每秒处理 350k 个请求并将数据保存到 Google Cloud Storage
- r - 在 R 中选择特定水平的因子
- node.js - Access-Controll-Allow-Origin *的CORS错误 - NodeJS和Angular
- angular - 如何在 ngx-owl carousel 的 carousel 中添加起始空间?
- python - 为什么稀疏矩阵的“scipy.sparse.linalg.spilu”效率低于“scipy.linalg.lu”?