Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/react-native/7.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
React native 从抽屉导航切换底部选项卡_React Native_React Native Navigation_Stack Navigator_React Navigation Drawer - Fatal编程技术网

React native 从抽屉导航切换底部选项卡

React native 从抽屉导航切换底部选项卡,react-native,react-native-navigation,stack-navigator,react-navigation-drawer,React Native,React Native Navigation,Stack Navigator,React Navigation Drawer,*:-我有底部选项卡=>(主页、列表、数据)。 *:-我有一个抽屉导航。 *:-我也想在抽屉导航中添加(主页、列表、数据)。 *:-然后我想从抽屉导航触发选项卡更改。 *:-假设我点击抽屉中的列表或数据项,它将调用事件并更改底部选项卡 我的代码 const tabNavigator=createBottomTabNavigator({ 本垒打, 用户堆栈, 林克斯塔克, 设置策略 }); const AppStack=createStackNavigator( {Main:tabNavigato

*:-我有底部选项卡=>(主页、列表、数据)。 *:-我有一个抽屉导航。 *:-我也想在抽屉导航中添加(主页、列表、数据)。 *:-然后我想从抽屉导航触发选项卡更改。 *:-假设我点击抽屉中的列表或数据项,它将调用事件并更改底部选项卡

我的代码

const tabNavigator=createBottomTabNavigator({
本垒打,
用户堆栈,
林克斯塔克,
设置策略
});
const AppStack=createStackNavigator(
{Main:tabNavigator},
{
headerMode:“无”
}
);
const DrawerNav=createDrawerNavigator(
{
主页:AppStack
},
{
contentComponent:props=>(
)
}
);
const AuthStack=createStackNavigator(
{登录:登录},
{
headerMode:“无”
}
);
导出默认createAppContainer(
createSwitchNavigator(
{
AuthLoading:AuthLoadingScreen,
App:paurernav,
Auth:AuthStack
},
{
initialRouteName:“AuthLoading”,
默认导航选项:{
头型:{
背景颜色:“0082c6”
},
标题颜色:“fff”,
HeaderLayoutReset:“中心”,
头饰样式:{
fontWeight:“粗体”
}
}
}
)
);
App.js

 import { createStackNavigator, createAppContainer } from 'react-navigation';
 import NavigationService from './NavigationService';

    const TopLevelNavigator = createStackNavigator({
      /* ... */
    });

const AppContainer = createAppContainer(TopLevelNavigator);

export default class App extends React.Component {
  // ...

  render() {
    return (
      <AppContainer
        ref={navigatorRef => {
          NavigationService.setTopLevelNavigator(navigatorRef);
        }}
      />
    );
  }
}
现在,您可以从任何js模块访问任何路由

import NavigationService from 'path-to-NavigationService.js';

// ...

NavigationService.navigate('ChatScreen', { userName: 'Lucy' });
App.js

 import { createStackNavigator, createAppContainer } from 'react-navigation';
 import NavigationService from './NavigationService';

    const TopLevelNavigator = createStackNavigator({
      /* ... */
    });

const AppContainer = createAppContainer(TopLevelNavigator);

export default class App extends React.Component {
  // ...

  render() {
    return (
      <AppContainer
        ref={navigatorRef => {
          NavigationService.setTopLevelNavigator(navigatorRef);
        }}
      />
    );
  }
}
现在,您可以从任何js模块访问任何路由

import NavigationService from 'path-to-NavigationService.js';

// ...

NavigationService.navigate('ChatScreen', { userName: 'Lucy' });

你能试着重写你的问题吗?我不明白您想要完成什么*:-我有底部选项卡=>(主页、列表、数据)。*:-我有一个抽屉导航。*:-我想在抽屉导航中添加(主页、列表、数据)*:-然后我想从抽屉导航触发选项卡更改Hi@Farhan您解决了该功能吗?我也有同样的问题。你能试着重写你的问题吗?我不明白您想要完成什么*:-我有底部选项卡=>(主页、列表、数据)。*:-我有一个抽屉导航。*:-我想在抽屉导航中添加(主页、列表、数据)*:-然后我想从抽屉导航触发选项卡更改Hi@Farhan您解决了该功能吗?我也有同样的问题。