React native 反应本机,抽屉导航图标被剪切

React native 反应本机,抽屉导航图标被剪切,react-native,navigation-drawer,React Native,Navigation Drawer,到目前为止还不错,我还在学习阶段,希望有人能帮我一点忙 我正在使用react native,我正在尝试向抽屉导航添加图标,但其中一个图标/纸平面被剪切 有人能告诉我如何使图标周围的空间变大吗 import {createDrawerNavigator, createStackNavigator} from 'react-navigation'; import Header from '../components/Header'; import AppNavigator from './AppN

到目前为止还不错,我还在学习阶段,希望有人能帮我一点忙

我正在使用react native,我正在尝试向抽屉导航添加图标,但其中一个图标/纸平面被剪切

有人能告诉我如何使图标周围的空间变大吗

import {createDrawerNavigator, createStackNavigator} from 'react-navigation';
import Header from '../components/Header';
import AppNavigator from './AppNavigator';
import Notifications from '../screens/Notifications';
import SendNotifications from '../screens/SendNotifications';
import Icon from 'react-native-vector-icons/FontAwesome';
const headerNavigationOptions = {
    header: props => <Header {...props} />
};
const routes = {
    Home: {
        screen: AppNavigator,
        navigationOptions: {
            title: 'Home',
            drawerIcon: ({ tintColor }) => (
                <Icon name="home" size={25} color={tintColor}  /> )
        }
    },
    Notifications: {
        screen: createStackNavigator({
            Notifications: {
                screen: Notifications,
                navigationOptions: headerNavigationOptions
            }
        }),
        navigationOptions: {
            title: 'Notifications',
            drawerIcon: ({ tintColor }) => (
                <Icon name="bell" size={25} color={tintColor}  /> )
        }
    },
    SendNotifications: {
        screen: createStackNavigator({
            SendNotifications: {
                screen: SendNotifications,
                navigationOptions: headerNavigationOptions
            }
        }),
        navigationOptions: {
            title: 'Send Notifications',
            drawerIcon: ({ tintColor }) => (
                <Icon name="paper-plane" size={25} color={tintColor}  /> )
        }
    }
};
const routeConfig = {
    initialRouteName: 'Home',
    drawerBackgroundColor : '#013a65',
    contentOptions: {
        activeTintColor: '#ffffff',
        activeBackgroundColor : 'transparent',
        inactiveTintColor : '#ffffff',
        },
        iconStyle: {
            width: 100,
            height: 100,
        },
};
export default createDrawerNavigator({
    ...routes
}, routeConfig);``` 
从“react navigation”导入{createDrawerNavigator,createStackNavigator};
从“../components/Header”导入标题;
从“/AppNavigator”导入AppNavigator;
从“../screens/Notifications”导入通知;
从“../screens/SendNotifications”导入SendNotifications;
从“反应本机矢量图标/FontAwesome”导入图标;
const headerNavigationOptions={
标题:道具=>
};
常数路由={
主页:{
屏幕:AppNavigator,
导航选项:{
标题:"家",,
抽屉图标:({tintColor})=>(
)
}
},
通知:{
屏幕:createStackNavigator({
通知:{
屏幕:通知,
导航选项:标题导航选项
}
}),
导航选项:{
标题:“通知”,
抽屉图标:({tintColor})=>(
)
}
},
发送通知:{
屏幕:createStackNavigator({
发送通知:{
屏幕:发送通知,
导航选项:标题导航选项
}
}),
导航选项:{
标题:“发送通知”,
抽屉图标:({tintColor})=>(
)
}
}
};
常数routeConfig={
initialRouteName:“主页”,
抽屉背景颜色:“#013a65”,
内容选项:{
activeTintColor:“#ffffff”,
activeBackgroundColor:'透明',
InactiveIntColor:“#ffffff”,
},
iconStyle:{
宽度:100,
身高:100,
},
};
导出默认createDrawerNavigator({
…路线
},routeConfig);`

您是否尝试过在routeConfig>contentOptions>iconStyle中增加宽度和高度,或者在中减小大小

请将您的查询作为评论而不是答案发布。非常感谢。事实上,我没有足够的声誉发表评论。这就是我为什么这样发帖的原因。对不起。