React Native布局实践：开发京东客户端首页遇到的坑

找到一个React Native实现的京东客户端首页的demo,很兴奋的下载下来了，地址：https://github.com/yuanguozheng/JdApp。

要把他跑起来也是遇到了些坑。

1，源代码中引入Component时全都是用的这种方式

import React, {

    AppRegistry,

    Component,

    Navigator,

    StyleSheet,

    TouchableOpacity,

    Text
} from 'react-native';

这样是不行的，Component是在'react'中的，应该这样

import React, { Component } from 'react';
import {

    AppRegistry,

    Navigator,

    StyleSheet,

    TouchableOpacity,

    Text
} from 'react-native';

MenuButton.js中的PropTypes也是在 'react'中的，应该这样写

import React, { PropTypes,Component } from 'react';
import {

    View,

    Text,

    Image,

    TouchableWithoutFeedback,

    StyleSheet
} from 'react-native';

2.遇到跑起来后遇到这种异常



是因为那东西没导入,这样导入： npm install react-native-tab-navigator --save

同样还有一个react-native-viewpager
 导入：npm install react-native-viewpager --save

3.然后又报了这个异常



这个可能是因为用的strict模式，打开debug即可，正常运行了。

最后附上运行效果：