在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>
   )
 }

解决方法

基本上，您需要使用以下内容：

.mat-button-focus-overlay { 
  background-color: transparent!important;
 }

如果它不能帮助您显示已完成的代码，则将更易于帮助。