React-native基础操作

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.