主页 / 问题 / 1600230
Accepted
doflare
Asked:2024-11-19 04:41:18 +0000 UTC2024-11-19 04:41:18 +0000 UTC

如何在本机反应中正确组织导航器（博览会）

  • 772

似乎有一个任务是使用 React Native 创建应用程序。在之前的项目中，窗户很少，我把它们堆成一堆，如下所示：

  <Stack.Navigator initialRouteName="Start">
  <Stack.Screen name="Start" component={StartPage} options={{ headerShown: false }} />
  <Stack.Screen name="Register" component={RegPage} />
  <Stack.Screen name="CodeConfirm" component={CodePage} />
  </Stack.Navigator>

但如果事实证明有超过 5 个窗口并且变得一团糟，这种方法就会非常不方便。是否有可能以某种方式将所有这些划分为文件，如果可以，我将来如何与它们交互？

javascript

1 个回答

  1. Best Answer

    如何在本机反应中正确组织导航器（博览会）

    堆栈导航器有相当广泛的操作......

    有团体

    <Stack.Navigator initialRouteName="Root" screenOptions={so}>
  <Stack.Screen name="Root" component={Tab} options={{ headerShown: false }} />
  <Stack.Group>
    <Stack.Screen name="Product" component={Product} options={{...tt, headerShown: false}} />
    <Stack.Screen name="Review" component={Review} options = {{title: 'Отзывы'}} />
    <Stack.Screen name="Msg" component={Msg} options = {{title: 'Сообщения'}} />
    <Stack.Screen name="Details" component={Details} options = {test} />
    <Stack.Screen name="Check" component={Check} options = {{title: 'Чек'}} />
    <Stack.Screen name="Tablet" component={Tablet} options = {{title: 'Столик'}} />
    <Stack.Screen name="Invoice" component={Invoice} options = {{title: 'Счет'}} />
    <Stack.Screen name="Login" component={Login} options = {{title: 'Авторизация'}} />
  </Stack.Group>
</Stack.Navigator>

    你可以映射...

    <Stack.Navigator initialRouteName='Menu' screenOptions={{...so}}>
  {amenu.map(el => <Stack.Screen key={el.name} name={el.name} component={el.cmp} options={el.opt} />)}
</Stack.Navigator>

    但我不明白在这种情况下如何从一个文件一页一页地移动到另一个文件

    navigation.navigate('имя_экрана', [объект_с_данными]);

    例子

    export default function Profile({navigation, route}) {
   // ...
   navigation.navigate('Msg', { userId: 1 });
   // ...
}
    • 0

相关问题