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

前端之家收集整理的这篇文章主要介绍了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,
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即可,正常运行了。

最后附上运行效果

猜你在找的React相关文章