Tab navigator icons in React Navigation - Thêm icon vào tab navigator trong react navigation

import React from 'react';

import { Button, Text, View } from 'react-native';

import Icon from 'react-native-vector-icons/FontAwesome'

import { createStackNavigator, createBottomTabNavigator, createAppContainer } from 'react-navigation';

import HomeScreen from '../../src/view/home';

import SettingsScreen from '../../src/view/MyWallet';

const TabNavigator = createBottomTabNavigator({

    HomeScreen: {

        screen:HomeScreen,

        navigationOptions: {

          tabBarLabel: 'HomeScreen',

          tabBarIcon: ({tintColor, activeTintColor}) => (

             <Icon name="home" size={20} color={tintColor} />

             )

        },

      },

      SettingsScreen: {

        screen:SettingsScreen,

        navigationOptions: {

          tabBarLabel: 'SettingsScreen',

          tabBarIcon: ({tintColor, activeTintColor}) => (

             <Icon name="plus" size={20} color={tintColor} />

             )

        },

      },

  });

  export default createAppContainer(TabNavigator);

About Blog chia sẻ kiến thức lập trình

This is a short description in the author block about the author. You edit it by entering text in the "Biographical Info" field in the user admin panel.