React Native Drawer Navigation - 如何为同一屏幕获得不同的渲染？

问题描述

我一直试图让我的抽屉导航根据按下的按钮（Nibbles、Starters、Mains 或 Desserts）引导到同一屏幕上的不同渲染。正如您在下面的代码中看到的，这些都指向同一个 IndividualCourse.js； 这个想法是我只想要一个屏幕，可以在有条件的情况下呈现 Nibbles 或 Starters 等。但是如何通过抽屉导航获得 onpress ID？

GONE

要显示的数据是从外部 Mongo DB 调用的，如果我按下 Nibbles Drawer 按钮，它将调用 apiData.Nibbles？

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';
import MainMenu from '../views/MainMenu';
import About from '../views/About';
import IndividualCourse from '../views/IndividualCourse';
import AddActivity from '../views/AddActivity';
import IndividualActivity from '../views/IndividualActivity';

const Drawer = createDrawerNavigator();

const HomeNavigator = () => (
  <Drawer.Navigator>
    <Drawer.Screen name="Menu" component={MainMenu} />
    <Drawer.Screen name="About" component={About} />
    <Drawer.Screen name="Nibbles" component={IndividualCourse} />
    <Drawer.Screen name="Starters" component={IndividualCourse} />
    <Drawer.Screen name="Mains" component={IndividualCourse} />
    <Drawer.Screen name="Desserts" component={IndividualCourse} />
    <Drawer.Screen name="Create a Recipe" component={AddActivity} />
  </Drawer.Navigator>
);

export const DrawerNavigator = () => (
  <NavigationContainer>
    <HomeNavigator />
  </NavigationContainer>
);

对此的任何帮助将不胜感激。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）