react native基础与入门

时间：2021-10-18 22:16:23

react native基础与入门

一、react native 的优点

1、跨平台（一才两用）

2、低投入高回报 （开发成本低、代码复用率高）

3、性能高：拥有独立的js渲染引擎，比传统的h5+ webview高效

4、支持动态更新（无需每次更新上传到应用市场和审核）

 

二、使用react native开始项目

1、安装脚手架

npm install -g react-native-cli

2、初始化项目结构

react-native init projectName

3、window下安卓环境配置  地址

注意：如果报错Registry key Error: Java version has value '1.8', but '1.7' is required。你需要把 C:\Windows 下System32文件里里的java.exe, javaw.exe and javaws.exe全删了。如果你的操作系统是64位的，你还要再把SysWOW64文件夹里同样删一遍。  参考地址

注意：react-native run-android后，白屏解决方法

方法一：修改手机的应用权限。参考链接

方法二：在项目的package.json加如下一句代码：

"bundle-android": "react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –sourcemap-output android/app/src/main/assets/index.android.map –assets-dest android/app/src/main/res/"

实例：

"scripts": {
    "start": "node node_modules/react-native/local-cli/cli.js start",
    "test": "jest",
    "bundle-android": "react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –sourcemap-output android/app/src/main/assets/index.android.map –assets-dest android/app/src/main/res/"
  }

　　

注意：报错提示could not get batchedbridge，请看window下安卓环境配置的方法二是否改了，还是有错的话，需要在android\app\src\main添加一个assets空文件夹

 

标签：

相关文章