React Native 部分

创建新项目

react-native init xxx

启动项目

To run your app on iOS:
 cd /Users/Mac/Desktop/FileName
 react-native run-ios
 - or -
 Open ios/xxx.xcodeproj in Xcode
 Hit the Run button
To run your app on Android:
 cd /Users/Mac/Desktop/FileName
 Have an Android emulator running (quickest way to get started), or a device connected
 react-native run-android

目录结构说明

如下,重要的有:

  • android/ android 原生代码(使用 android studio 要打开这个目录,如果直接打开父目录报错)
  • ios/ ios 原生代码(使用 xcode 打开这个目录,如果直接打开父目录报错)
  • index.js 打包 app 时进入 react native(js 部分) 的入口文件(0.49 以后安卓、ios 共用一个入口文件)
  • App.js 可以理解为 react native(js 部分) 代码部分的入口文件,比如整个项目的路由在这里导入

上面是最重要的四个目录/文件,其他说明如下:

  • _test_/ 测试用(暂未使用)
  • app.json 项目说明,主要给原生 app 打包用,包括项目名称和手机桌面展示名称
  • package.json 项目依赖包配置文件
  • node_modules 依赖包安装目录
  • yarn.lock yarn 包管理文件