我有一个带有 DrawerNavigator 的 React Native 应用程序。对于菜单,我有自己的组件。效果很好。 现在我想在右侧添加第二个侧面菜单。 是否可以像 Slack 应用程序中那样拥有两个 DrawerNavigator? 该解决方案对我不起作用:https://snack.expo.io/ry7lYempe 因为我不想有 TabController 作为父级。这两个抽屉都应该可以在所有屏幕上访问。
我的代码如下所示:
import React from 'react'
import reducer from './src/reducers'
import { DrawerNavigator } from 'react-navigation';
import SidebarMenu from './src/components/layout/SidebarMenu'
import { createStore } from 'redux';
import { Provider } from 'react-redux';
let store = createStore(reducer);
import News from './src/screens/News'
import HowTo from './src/screens/HowTo'
export default class MyApp extends React.Component {
render() {
return (
<Provider store={store}>
<MainNavigator />
</Provider>
);
}
}
const MainNavigator = DrawerNavigator(
{
News: {
path: '/news',
screen: News
},
HowTo: {
path: '/howto',
screen: HowTo
}
},
{
initialRouteName: 'News',
drawerPosition: 'left',
contentComponent: SidebarMenu
}
);
更新react-navigation到最新版本后解决。
最佳答案
你可以添加任何你想要的抽屉,看看这个例子https://snack.expo.io/BJoChzewM
根据您的情况,您可以将“MainNavigator”添加到另一个 DrawerNavigator 组件中。不要忘记设置抽屉OpenRoute/drawerCloseRoute 以防止任何副作用。
关于javascript - 两侧的 React-Native DrawerNavigator 菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48754768/