【问题标题】:Open drawer when clicked on bottom tab in react native在反应本机中单击底部选项卡时打开抽屉
【发布时间】: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


    【解决方案1】:

    基本上你需要使用以下内容:

    navigation.openDrawer();
    

    如果它不能帮助你显示你已经完成的代码,它会更容易提供帮助。

    【讨论】:

    • 请检查问题。我已经编辑过了。感谢您的关心。
    猜你喜欢
    • 2021-03-09
    • 2021-02-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多