【发布时间】:2020-08-17 05:41:30
【问题描述】:
我是 React Native 的新手。我有一个名为“联系人”的选项卡,我想在用户单击它时打开抽屉。当我单击“联系人”选项卡时,下面的代码会打开抽屉屏幕。但我想打开导航抽屉。
提前非常感谢您...
const Tabs = createMaterialBottomTabNavigator();
export default function bottomTab(){
return(
<NavigationContainer>
<Tabs.Navigator tabBarOptions={{activeTintColor:'#4267B2'}} >
<Tabs.Screen name="Home" component={Home} />
<Tabs.Screen name= "Contacts" component={DrawerNavigation}/>
</Tabs.Navigator>
</NavigationContainer>
)
}
const Drawer = createDrawerNavigator();
const DrawerNavigation = () => {
return(
<Drawer.Navigator>
<Drawer.Screen name="Setting" component={Setting}/>
<Drawer.Screen name="Notification" component={Notification}/>
</Drawer.Navigator>
)
}
【问题讨论】:
标签: react-native react-navigation react-navigation-bottom-tab react-native-drawer