react-native 实际项目解析-版本和依赖

源码

环境介绍

对rn来说,不同版本差别还挺大。这里首先声明一下当前使用的环境

{
  "name": "项目名称",
  "version": "0.0.1",
  "private": true,
  "scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest"
  },
  "dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.4",
    "react-native-easy-toast": "^1.1.0",
    "react-native-i18n": "^2.0.12",
    "react-navigation": "^1.0.0-beta.13"
  },
  "devDependencies": {
    "babel-jest": "22.4.4",
    "babel-preset-react-native": "4.0.0",
    "jest": "22.4.4",
    "node-pre-gyp": "^0.10.0",
    "react-test-renderer": "16.3.1"
  },
  "jest": {
    "preset": "react-native"
  }
}

依赖简述

  • react-native-easy-toast:这是用的一个插件,主要就是显示提示信息,就是一个黑透加文字。使用方法也比较简单。
  • react-native-i18n:这是处理多语言用的。
  • react-navigation: 这是目前react-native 推荐的导航控制。就是设置路由。有三部分内容,这里只涉及到了其中的一部分。

ios开发

在mac上开发ios,相对比较简单,模拟器可以直接用xcode,也可以连真机

安卓

开发安卓,androidstudio是没法少的,主要还是的配置环境。但是androidstudio 自带的模拟器,却有点水。这里我用的 Genymotion

随机浏览