小编Fes*_*hie的帖子

React Native - 删除抽屉图标和 Drawer.Screen 上的项目文本之间的空间

我正在尝试调整抽屉屏幕中图标和文本之间的空间。

这是一个可以更好解释的图像。

显示图标和抽屉项目文本之间空间的图像

这是我的代码

<Drawer.Navigator screenOptions={(navigation) => ({
        drawerItemStyle: {
           borderRadius: 0,
           width: '100%',
           marginLeft: 0
        }
      })}>
      <Drawer.Screen 
         name="HomeScreen" 
         component={HomeScreen} 
         options={{ 
            headerShown: true,  
            headerTransparent: true, 
            headerTitle: "", 
            title: 'Start Delivery',
            drawerIcon: (({focused}) => <Icon name="car" size={25} color={focused ? "#288df9" : "#777"} style={{padding:0, margin:0}} />)
         }} 
      />
</Drawer.Navigator>
Run Code Online (Sandbox Code Playgroud)

谢谢

react-native react-navigation react-native-drawer

6
推荐指数
1
解决办法
1894
查看次数