React native 反应本机,抽屉导航图标被剪切
到目前为止还不错,我还在学习阶段,希望有人能帮我一点忙 我正在使用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
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中增加宽度和高度,或者在中减小大小
?请将您的查询作为评论而不是答案发布。非常感谢。事实上,我没有足够的声誉发表评论。这就是我为什么这样发帖的原因。对不起。