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您解决了该功能吗?我也有同样的问题。