React-native基础操作

来源：互联网发布：人参真的有用吗知乎编辑：程序博客网时间：2024/06/06 03:07

1.新建项目

npm config set registry= http://registry.npm.taobao.org/ (淘宝镜像)

React-native init Practice

2.启动项目

react-native run-android

3.安装mobx

npm install mobx --save

npm install mobx-react --save

4.装饰器@

在.babrlrc文件中添加：

"presets": ["react-native"],  "plugins":[    "syntax-decorators",    "transform-decorators-legacy"  ]

然后运行命令行：

npm install babel-plugin-transform-decorators-legacy --save

5.组件库

https://js.coach/react-native

6.打包apk

(1) 在命令行进入jdk的路径，（比如C:\ProgramFiles\Java\jdkx.x.x_x\bin）。

执行命令（keytool -genkey -v -keystoremy-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity10000）。

(2) 然后会在本路径下生成密匙文件（my-release-key.keystore）妥善保管。

把my-release-key.keystore文件放到你工程中的android/app文件夹下。

(3) 编辑项目根目录/android/gradle.properties（没有这个文件你就创建一个），添加如下的代码（注意把其中的****替换为相应密码）

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore MYAPP_RELEASE_KEY_ALIAS=my-key-alias MYAPP_RELEASE_STORE_PASSWORD=***** MYAPP_RELEASE_KEY_PASSWORD=*****

(4) 编辑你项目目录下的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        }    }}

(5) 生成发行APK包,进入项目根目录下android下，执行命令gradlewassembleRelease生成安装包。

生成的安装包位于/android/app/build/outputs/apk/app-release.apk

(6) 测试应用的发行版本android下面运行gradlewinstallRelease.

阅读全文

0 0