配置
1.根据https://facebook.github.io/react-native/docs/getting-started.html的配置来进行初步设置
2.设置完毕后如果出现各种网络请求错误/拉取错误,使用android studio打开android目录,进行一次拉取
3.完毕之后再运行react-native run-android会遇到500错误,这是由于reactnative的版本错误造成的,按照下面步骤执行命令
1 2 3 4 5 6 7 8 9 10 |
react-native init AwesomeProject cd AwesomeProject react-native run-android npm uninstall react-native npm install --save react-native@0.55.4 react-native run-android npm install --save babel-core@latest babel-loader@latest npm uninstall --save babel-preset-react-native npm install --save babel-preset-react-native@4.0.0 react-native run-android |
接入typescript
1.在项目目录下运行命令行
2.执行以下指令
1 2 3 4 5 |
yarn add --dev typescript yarn add --dev react-native-typescript-transformer yarn tsc --init --pretty --jsx react touch rn-cli.config.js yarn add --dev @types/react @types/react-native |
3.打开rn-cli.config.js文件,增加如下内容
1 2 3 4 5 6 7 8 |
module.exports = { getTransformModulePath() { return require.resolve('react-native-typescript-transformer'); }, getSourceExts() { return ['ts', 'tsx']; }, }; |
4.重命名App.js为App.tsx
5.把import部分修改为单个引入,如下
1 2 3 |
-import React, { Component } from 'react'; +import React from 'react' +import { Component } from 'react'; |
添加测试/使用state,props等内容
请参照这个url