React Native布局实践:开发京东客户端首页遇到的坑
来源:互联网 发布:天地知我心二作品顺序 编辑:程序博客网 时间:2024/05/16 02:10
找到一个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即可,正常运行了。
最后附上运行效果:
- React Native布局实践:开发京东客户端首页遇到的坑
- React Native布局实践:开发京东客户端首页(三)——轮播图的实现
- React Native入门——布局实践:开发京东客户端首页(一)
- React Native入门——布局实践:开发京东客户端首页
- React Native入门——布局实践:开发京东客户端首页(二)TabBar的构建
- React Native布局实践:开发京东客户端首页(四)——首页功能按钮及控件封装
- React Native遇到的坑
- react-native模仿京东首页
- React-Native之仿携程App首页布局
- React Native Android 开发中遇到的坑
- React Native开发中遇到的坑(持续更新中...)
- 我在React Native开发中遇到的一些坑
- React-native 开发遇到的问题
- React native 开发遇到的问题汇总
- React Native 开发中遇到的问题
- React Native开发移动客户端
- React Native 环境配置遇到的坑
- react-native遇到的坑,及解决方法
- 数组指针
- jQuery之滚动条触发
- PAT(basic level) 1046 划拳(15)
- 16 - 12 - 11 平衡二叉树 ( AVL树 )
- 支持向量机学习
- React Native布局实践:开发京东客户端首页遇到的坑
- 一个免锁环形缓冲区的实现
- 哈尔滨理工oj2323Emirp
- PAT(basic level) 1047 编程团体赛(20)
- Qt之主窗口(二)
- nat123&树莓派实现外网访问(二)
- SpringAOP详解(转载)
- Java:OutputStream类代码详解
- 【设计模式 - 24】之访问者模式(Visitor)