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

最后附上运行效果：

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

React Native 模仿网易云音乐手机客户端，兼容安卓和IOS两个平台
React Native 模仿网易云音乐手机客户端,兼容安卓和IOS两个平台. GitHub 完整源码地址https://github.com/yezihaohao/NeteaseCloudMusic ...
React Native布局详细指南
本文出自<React Native学习笔记>系列文章. 一款好的APP离不了一个漂亮的布局,本文章将向大家分享React Native中的布局方式FlexBox. 在React Nati ...
React Native – 使用 JavaScript 开发原生应用
前不久,Facebook 在F8开发者大会上正式开源了 React Native 项目.不过目前只有 iOS 版,Android 版还需要再等一段时间,这是最新的用 JavaScript 语言开发原生 ...
先进技术android,React Native实战(JavaScript开发iOS和Android应用)/计算机科学先进技术译丛...
导语内容提要本书作者Nader Dabit是AWS Mobile开发人员.React Native Training创始人和React Native Radio播客主持人.本书旨在帮助iOS.An ...
React Native布局
一款好的APP离不了一个漂亮的布局,本文章将向大家分享React Native中的布局方式FlexBox. 在React Native中布局采用的是FleBox(弹性框)进行布局. FlexBox提 ...
【稀饭】react native 实战系列教程之完成首页
首页功能前面,我们已经完成了影视信息组件的开发,接下来,我们要用该组件来完成首页界面功能的开发,如下图可以看到,首页顶部一个标题栏,下面是'最新'.'最热'两个选项卡.我们要完成的有标题栏.选项卡 ...
React Native开源项目-稀土掘金客户端(Android、iOS双适配)
@wangdicoder开发的基于React-Native实现的稀土掘金客户端,开源地址:https://github.com/wangdicoder/JueJinClient 欢迎大家star,fo ...
React Native微信支付开发爬坑之旅
早闻微信支付一直为移动开发者所诟病,这次公司项目新增微信支付需求,一试果然是一把辛酸泪,从配置到与后台调试真是一波三折,整整花了一天的时间才从坑里爬出来,效率也是低.所以有必要做下总结,日后再有微信支 ...
在ubuntu 14.04搭建React Native for Android开发环境
安装jdk8, 因为android studio 2.x版本需要运行在jdk8环境. 安装nodejs 安装React Native CLI npm install -g react-native-c ...
从web移动端布局到react native布局
在web移动端通常会有这样的需求,实现上中下三栏布局(上下导航栏位置固定,中间部分内容超出可滚动),如下图所示: 实现方法如下: HTML结构: <div class='container'&g ...

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

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

最新文章

热门文章