Пока все хорошо, я нахожусь в стадии обучения и надеюсь, что кто-то может мне немного помочь.
Я работаю с реагировать на родной, и я пытаюсь добавить значки в навигацию по ящикам, но одна из иконок / плоскость бумаги обрезана,
Может кто-нибудь показать мне, как мне увеличить пространство вокруг иконки .?
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);```