
ReactNative
JQW_YNU
无
展开
-
React-Native项目结构分析
理解导航和列表,详情之间的关系 -1 注意在最后的导出的接口(index.js中)是导航器页,并不是主页(homePage),由于homepage做导出和导航器做导出的结果是一样的,但会导致不同页面间this.props的指向混乱性出错, 常见的导航器为StackNavigator(栈式导航),一般在导航器页中将要用到的所有页面声明化,同时第一个声明页会作为栈的顶端显示(也就是app启动第一页) ...原创 2018-05-24 18:45:46 · 769 阅读 · 0 评论 -
React-Native踩坑记4
这个错误的原因一般是render中return的内容写错了,如下面这样缩进不对就会报错修改后:原创 2018-05-24 13:42:34 · 912 阅读 · 0 评论 -
ReactNative-注意
Image中配置http路径时添加用的是uri,而不是url(习惯)原创 2018-05-23 21:31:44 · 213 阅读 · 0 评论 -
ReactNative踩坑记6
上面这个错误的原因是在获取属性时没有获取到,常常是自己指定属性获取写错了,还有就是reactnative的报错是从最上层报错,所以如果不深入下层是无法找到错误的异常2 : *** is not a function这个错误的原因是调用函数的名字不对或者 是函数的作用域不在class范围内...原创 2018-05-26 22:29:09 · 231 阅读 · 0 评论 -
React-Native页面跳转
如何从主页跳转到详情页:在跳转中经常出现 undefined is not an object (evaluating 'this.props.navigation.navigate')这是由于在一个js文件中创建了俩个class导致的!这时其中一个带export 的class使用navigation跳转不会报错,而在另一个class中使用navigation跳转就会报这个错!是什么原因? 答案...原创 2018-05-26 18:31:03 · 1974 阅读 · 0 评论 -
ReactNative-基础安装配置
为什么要用reactNative开发?传统开发的痛点:人员稀缺 h5webView开发效果不好 开发成本高 代码复用率低 无法实现动态更新 ...原创 2018-05-19 14:59:52 · 288 阅读 · 0 评论 -
ReactNative-踩坑记3
异常 undifind is not an object(evaluating 'navigation.navigate') onPress ........32:29注意:这里的报错地点不是正确的,当然有的时候是正确的, 一般报错是由于程序指定位置和终止位置之前,这里navigation.navigate("FlatList")报错的具体位置是FlatList,但它是从StackNavigato...原创 2018-05-20 21:35:53 · 243 阅读 · 0 评论 -
ReactNative-踩坑记2
异常:cnpm install react-navigation --save 总是fail 原因:这个一般是老版本和新版本的文件结构冲突导致的,所以更新老版本的文件结构就可以了解决:在项目的根目录下面输入react-native upgrade此时再去安装react-navigation就成功了!...原创 2018-05-20 15:11:51 · 235 阅读 · 0 评论 -
React-Native版本升降
在npm安装时默认安装最新的,但有时有学习的需要怎么降版本呢?首先如果用npm 降react-native的版本容易在下载的过程中卡死所以先安装cnpm并指定国内镜像 : npm install cnpm -g --registry=https://registry.npm.taobao.org当cnpm安装之后再下载react-native cnpm in...原创 2018-05-19 22:54:30 · 606 阅读 · 0 评论 -
ReactNative-Navigator
Navigator的基本使用Navigator 是什么? 一个导航组件 进入下一个界面,返回上一个界面 传递数据给下一个界面 , 返回数据给上一个界面如何使用Navigator 导入Navigator-----> render中返回Navigator----->调用Navigator的相应方法...原创 2018-05-19 15:00:05 · 251 阅读 · 0 评论 -
ReactNative踩坑记1
注意在最新的0.51版本的reactNative的引入外部组件的方式发生了变化之前的引入方式: var Main =require('./Component/Main/XMGMain');注意下方有绿色的波浪线一般语法上都有问题,所以运行在模拟器上也会报response 500的错0.51的引入方式: import Main from "./Component/Main/XMG...原创 2018-05-18 18:13:01 · 466 阅读 · 0 评论 -
ReactNative0.55监听器
触发监听的页面componentDidMount() { this.listener = DeviceEventEmitter.addListener('favoriteChanged_popular',this.FavoriteChanged()); this.loadData(); }备注:this.FavoriteChanged()是在接受到通知时触发的函数 ...原创 2018-05-31 22:12:29 · 283 阅读 · 0 评论