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即可，正常运行了。

最后附上运行效果：