Блог

Я создаю боковое меню и использую react-navigation-drawer , вот код:

     const drawer = createDrawerNavigator({ //hooks
            Home: { screen: Home_Stack, navigationOptions: {drawerIcon: <Entypo name = "home" size = {24} color = {"black"}></Entypo>}},
            About: { screen: Slide_menu_stack}
    });

    export default createAppContainer(drawer);
  

и это выглядит так:

Я хочу, чтобы home был ближе к значку, как я могу это сделать?

вы можете создать пользовательский компонент ящика, например think

 import { NavigationContainer } from '@react-navigation/native';
import {createDrawerNavigator,} from '@react-navigation/drawer'; 
const Drawer = createDrawerNavigator();

export function MyDrawer() {
 return (
<NavigationContainer>
<Drawer.Navigator drawerContent={props => <CustomDrawerContent {...props} />}>

  <Drawer.Screen name="Home" component={Home_Stack} />
  <Drawer.Screen name="About" component={Slide_menu_stack} />

</Drawer.Navigator>
</NavigationContainer>
);
}
  

и coustomdrawer, подобный этому, который я создал

 function CustomDrawerContent(props) {

  return (
    <View style={styles.container}>
      <ScrollView>
        {here you can style your drawer as you want}
      </ScrollView>
    </View>
  )
}