如何编辑字符串和图标之间的-add边距？反应-本机-抽屉

Question

我正在构建一个侧边栏菜单，我使用的是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);

它看起来像这样：

​

​

我想让家离图标更近，我该怎么做呢？

Answer 1

您可以创建一个自定义的抽屉组件，比如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>
);
}

像这样的抽屉是我创造的

function CustomDrawerContent(props) {

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