当前rn版本

"react": "16.6.3"

"react-native": "0.58.5"

通过react-native-cli初始化项目

 npm i -g react-native-cli
react-native init <项目名称>

如果mac第一步报错,则需要加sudo。

安装成功以后,先运行一下项目,看是否可以正常运行,之后再进行安装第三方包。

安装一些必要的npm包

  • react-navigation 

     yarn add react-navigation
    yarn add react-native-gesture-handler
    react-native link react-native-gesture-handler

    react-navigation是官方推荐的导航工具,当前版本是3.x 官方要求安装react-native-gesture-handler,并且引入所有的原生依赖

  • react-native-vector-icons
    yarn add react-native-vector-icons
    react-native link react-native-vector-icons

    react-native-vector-icons是一个强大的图标库,看看都有啥图标

  • react-native-scrollable-tab-view
    yarn add react-native-scrollable-tab-view

    这是一款常用的滑动tab组件。

  • react-native-htmlview

    yarn add react-native-htmlview

    非常轻量的显示网页的组件,比原生的webview要轻。

05-11 13:36