React-native开发记录

React-Native学习资料中文版
react-native组件生命周期
es5-es6写法对照表

一、

Failed to install the requested application
An application bundle was not found at the provided path.
Provide a valid path to the desired application bundle.
Print: Entry, ":CFBundleIdentifier", Does Not Exist

Command failed: /usr/libexec/PlistBuddy -c Print:CFBundleIdentifier build/Build/Products/Debug-iphonesimulator/ReactNativexx.app/Info.plist
Print: Entry, ":CFBundleIdentifier", Does Not Exist

示意图

解决：
用--version参数创建指定版本的项目。例如react-native init DemoApp --version 0.44.3注意版本号必须精确到两个小数点。
项目创建好之后：执行：react-native run-ios

如果是下载的项目，则需要npm install（安装node_modules文件夹）， 然后修改package.json里面的react-native和react如下：

修改react-native和react到指定版本

二、

No bundle URL present

Make sure you’re running a packager server or have included a .jsbundle file in your application bundle
(工程里面main.jsbunddle不存在|红色的)

错误图

解决：网上找的办法：
1.重启模拟器
2.设置网络为自动代理
3.重启电脑
4.模拟器正常运行的时候：npm install 然后react-native run-ios

都没用!!!

折腾了好久，终于找到解决方案：

cd /Users/macofethan/Desktop/DemoApp/ios
npm start
//(curl http://localhost:8081/index.ios.bundle -o main.jsbundle)(忽略这个)

示意图

示意图

然后在模拟器中点击reload JS

三、can't find simulator ...

原因：连接了未解锁的真机 或者模拟器未启动 从xcode启动就可以了

四、如图：

报错图

报错图二

导入ReadPage就报错

原因：导入一个.js文件就报这个错，路径检查了也是对的，还不知道是什么原因： 最后发现是导入的文件有问题

五、如图：

示意图

原因：没有父视图

六、如图：

示意图

原因：style语法错误

七、如图：

示意图

原因：图上已经写明了 退出 重进

八、如图：

示意图

屏幕快照 2017-07-17 上午9.32.56.png

示意图

原因：导入Prop'Types AppRegistry出错

九、如图，npm start未执行

屏幕快照 2017-07-17 上午10.10.03.png

十、

屏幕快照 2017-07-17 上午9.45.25.png

这是因为版本升级到0.43以上的话，Navigator不能直接从react-native里面获取了

解决：

npm install react-native-deprecated-custom-components --save

//然后在引用的地方导入：
import {Navigator} from 'react-native-deprecated-custom-components';

或者使用NavigatorIOS

十一、

导出组件的方式：

1. export default class..
2. module.exports = CzyScene;

十二、

示意图

原因：使用了ES5写状态机

  getInitialState(){

    return{

      selectedTabItem:0
    }
  }

解决办法：使用ES6的写法:

    constructor(props) {
        super(props);
        this.state = {
            selectedTabItem: 'contacts'
        };
    }

十三、

fetch的时候 body:fromData: can't find variable....

十四、

自定义组件或者系统组件首字母小写了