nested 相关问题

我目前正在使用底部选项卡导航器，其中嵌套了堆栈导航器。选项卡.tsx： // 这里还有其他屏幕我目前正在使用底部选项卡导航器，其中嵌套有堆栈导航器。选项卡.tsx： <NavigationContainer> <Tab.Navigator> // other screens here <Tab.Screen name="Stack" component={StackNavigator} /> </Tab.Navigator> </NavigationContainer> StackNavigator.tsx： const StackNavigator = () => { return ( <Stack.Navigator> <Stack.Screen name="First" component={First} options={{ headerShown: false }} /> <Stack.Screen name="Second" component={Second} options={{ headerShown: false }} /> </Stack.Navigator> ); }; 这工作正常，但由于我想在“第二个”屏幕中隐藏 BottomTabNavigator，我将选项卡导航器嵌套在 StackNavigator 中，如文档中所示。更改后的 Tabs.tsx： <NavigationContainer> <Tab.Navigator> // other screens here <Tab.Screen name="First" component={First} /> </Tab.Navigator> </NavigationContainer> 更改后的Stack.tsx： const StackNavigator = () => { return ( <Stack.Navigator> <Stack.Screen name="Tabs" component={Tabs} options={{ headerShown: false }} /> <Stack.Screen name="Second" component={Second} options={{ headerShown: false }} /> </Stack.Navigator> ); }; 现在我尝试在“第一个”组件中调用导航函数： const First = ({ navigation }) => { return ( <View style={styles.container}> //other elements <FAB icon="plus" style={styles.fab} onPress={() => navigation.navigate("Tabs", {screen: "Second"})} /> ); }; 但是按下按钮时出现此错误： The action 'NAVIGATE' with payload {"name":"Tabs","params":{"screen":"Second"}} was not handled by any navigator. Do you have a screen named 'Tabs'? 因为我在here读到其他人在条件渲染方面遇到了问题，所以我想提一下，我也在使用 AuthStack，它会在用户注销时返回： AuthStack.tsx： export default function AuthStack() { return ( <NavigationContainer> <Stack.Navigator screenOptions={{ headerShown: false, }} > <Stack.Screen name="Welcome" component={WelcomeScreen} /> <Stack.Screen name="Sign In" component={LoginScreen} /> <Stack.Screen name="Sign Up" component={SignUpScreen} /> <Stack.Screen name="Forgot Password" component={ForgotPasswordScreen} /> </Stack.Navigator> </NavigationContainer> ); } index.tsx： export default function RootNavigation() { const { user } = useAuth(); return user ? <Tabs /> : <AuthStack />; } App.tsx： export default function App() { return <RootNavigation />; } 我做错了什么？我已经尝试在这篇post中找到解决方案，但我找不到任何解决我的问题的答案。好吧，您的 <NavigationContainer> 应该位于根级别。您的堆栈需要如下所示： App.js/tsx const App = () => { return ( <NavigationContainer> <RootNavigator /> </NavigationContainer> ) } RootNavigator.js/tsx const stack = CreateNativeStackScreenNavigator() // assuming you're using react-native-screens const RootNavigator = () => { const { user } = useAuth() return ( <Stack.Navigator> { user ? <Stack.Screen name={'AuthStack'} component={AuthStack} : <Stack.Screen name={'Tabs'} component={Tabs} } <Stack.Screen name={'Second'} component={Second} </Stack.Navigator> ) } 现在有了这个结构，您可以从 RootNavigator 内的任何子 StackNavigator/TabNavigator/Drawer 导航到 “第二个” 屏幕。

reactjs typescript react-native nested navigation

回答 1 投票 0

如果嵌套错误导致冗余代码循环，如何找出如何停止

我为猫与狗性格测验设置了代码，但 if 代码一直是多余的。导入java.util.Scanner；公共类 xxxxBranchingInteractions { 公共静态无效主（斯特林...

java if-statement nested

回答 1 投票 0

你能用 JavaScript 编写嵌套函数吗？

我想知道JavaScript是否支持在另一个函数或嵌套函数中编写函数（我在博客中读到）。这真的可能吗？事实上，我已经使用过这些，但对此不确定

javascript function nested

回答 9 投票 0

如何使用列表推导式来处理嵌套列表？

我有这个嵌套列表： l = [['40', '20', '10', '30'], ['20', '20', '20', '20', '20', '30', '20'] , ['30', '20', '30', '50', '10', '30', '20', '20', '20'], ['100', '100'], [ ‘100’、‘100’、‘100’、‘10...

python list nested list-comprehension

回答 13 投票 0

对嵌套数组进行索引 VS 使用对最深级别的引用？

给定一个深度嵌套的数组： $array = array('nested' => array('so' => array('deep' => array()))); ...哪个更快/“更好”？ $array['nested']['so']['deep'][0] = 'a'; $array['嵌套']['...

php arrays optimization nested reference

回答 3 投票 0

在嵌套的字典列表上使用 itemgetter 发出问题

我试图按特殊数字升序排列这个嵌套列表。我尝试过使用 itemgetter 但收到打字错误。不太确定这里的解决方案是什么。谢谢你！来自运营商

python list dictionary nested

回答 4 投票 0

Pandas：分解嵌套字典列的列表并附加为新行

请考虑以下字典示例： d2 = [{'event_id': 't1', '显示名称': 't1', '表单计数'：0， 'repetition_id'：无， '孩子们'：[{'event_id'：'t_01'， '显示名称': 't(1...

python pandas nested

回答 1 投票 0

平面 CSV 文件到嵌套 Javascript 对象

我有一个CSV文件，如下：人员ID 姓名游戏日期分数 123 约翰网球 01/01/2023 150 131 阿曼达曲棍球 2023年1月2日 134 123 约翰网球 2023年1月2日 140 134 彼得网球 2023年2月2日 127 什么...