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/
江清清技术专栏(棒)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/