加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ReactNative学习三

发布时间:2020-12-15 03:36:05 所属栏目:百科 来源:网络整理
导读:1.android react-native学习网站 江清清技术专栏(棒)http://www.lcode.org/ React Native 中文网http://reactnative.cn/ 2.开发工具: Atom 3.index.android.js中:React.AppRegistry.registerComponent('TestHello',() = TestHello); 对应 MainActivity --
1.android react-native学习网站 江清清技术专栏(棒)http://www.lcode.org/ React Native 中文网http://reactnative.cn/ 2.开发工具: Atom 3.index.android.js中:React.AppRegistry.registerComponent('TestHello',() => TestHello); 对应 MainActivity --> mReactRootView.startReactApplication(mReactInstanceManager,"TestHello",null); 4.Android项目的build.gradle中添加React Native依赖: compile 'com.facebook.react:react-native:0.17.+' 在项目AndroidManifest.xml中加入网络访问权限 <uses -permission android:name="android.permission.INTERNET" /> 5.采用命令行,首先切换到项目的根目录(新建目录,androidStudio在改目录新建android项目) 运行npm init 结果: 创建一个package.json文件,修改package.json文件,在scripts标签那边添加如下代码: "start": "node_modules/react-native/packager/packager.sh" 6.运行npm install --save react-native 进行下载node_module文件 7.Gradle配置签名 生成的签名文件复制到android/app/文件夹下面(这边采用AS生成签名xxx.jks), 修改项目gradle.properties文件,进行添加如下的代码(注意下面的签名和别名的名称和上一步放入的xxx.jks要一样,下面两项分别填写签名和别名的密码) MYAPP_RELEASE_STORE_FILE=xxx.jks MYAPP_RELEASE_KEY_ALIAS=xxx_alias MYAPP_RELEASE_STORE_PASSWORD=123456 MYAPP_RELEASE_KEY_PASSWORD=123456 8..给应用添加签名-配置局部应用Gradle文件 直接在工程目录下得android/app/build.gradle中以下节点添加如下内容: android { ... defaultConfig { ... } signingConfigs { release { storeFile file(MYAPP_RELEASE_STORE_FILE) storePassword MYAPP_RELEASE_STORE_PASSWORD keyAlias MYAPP_RELEASE_KEY_ALIAS keyPassword MYAPP_RELEASE_KEY_PASSWORD } } buildTypes { release { ... signingConfig signingConfigs.release } } } 9.存在react.gradle文件的项目打包 命令行切到react native主目录,然后运行下面的命令,请注意下面 android就是Android项目的目录名称 cd android && ./gradlew assembleRelease 10.不存在react.gradle文件的项目打包,主要针对Android原生项目移植到React Native平台 首先命令切换到该react native项目的主目录,然后运行以下的命令,生成assets文件夹 mkdir -p android/app/src/main/assets 紧接着运行以下命令,进行生成inde.android.bundle文件 react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读