ReactNatice >0.6 版本，react-navigation 底部导航图标不显示解决方法（Android）

教程地址：https://reactnavigation.org/docs/tab-based-navigation/

首先确保ReactNative >= 0.6,

1.安装 react-navigation 核心

yarn add @react-navigation/native

2.安装 navigation 其他依赖

yarn add react-native-reanimated react-native-gesture-handler react-native-screens react-native-safe-area-context @react-native-community/masked-view

3.安装 底部标签导航组件

yarn add @react-navigation/bottom-tabs

4.安装组件后清理源编译文件的缓存（常规操作）

#进入项目目录
cd android
./gradlew clean

根据react-navigation 文档 安装底部导航组件到此为止。。。

使用图标的环境安装方法：

参考：https://github.com/oblador/react-native-vector-icons#integrating-library-for-getimagesource-and-toolbarandroid-support

1.安装 react-native-vector-icons 组件

yarn add react-native-vector-icons --dev

2.由于我是Android开发环境还需要进行Android 组件的注册

修改 android/app/build.gradle ( 不是 android/build.gradle ) 文件加入一行：

apply from: "../../node_modules/react-native-vector-icons/fonts.gradle"