我已经使用React导航版本:5.X创建了一个自定义的抽屉导航器,
但是当前的事件选项卡未在自定义抽屉菜单中突出显示。
请找到以下代码图像。如果我有任何错误,请通知我。
导航器代码:
自定义抽屉组件:
当前事件选项卡:主页
最佳答案
您可以使用 DrawerItemList 来显示 Drawer。在 Drawer.Navigator 中定义的屏幕,如下所示:-
1)定义抽屉导航器:-
<Drawer.Navigator drawerContentOptions={{ activeBackgroundColor: '#5cbbff', activeTintColor: '#ffffff' }} drawerContent={props => <CustomDrawerContent {...props} />}>
<Drawer.Screen name="Home" component={HomeScreen} options={{
drawerIcon: config => <Icon
size={23}
name={Platform.OS === 'android' ? 'md-list' : 'ios-list'}></Icon>
}} />
/>
2)在CustomDrawerContent函数中:-
<DrawerContentScrollView {...props} >
----- your custom header ----
<DrawerItemList {...props} />
----- add other custom components, if any ----
</DrawerContentScrollView>
那为我解决了这个问题。
关于react-native - 在React导航v5中突出显示当前事件抽屉菜单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/60622829/