
React Native
文章平均质量分 50
ahubenkui
这个作者很懒,什么都没留下…
展开
-
js 开发进阶之 开发中容易遇到的问题
在开发android 的开发习惯,转向js 开发的时候,回遇到些代码习惯的问题,今天就遇到了一个问题需求场景 是当我门找到满足条件的信息 我门返回 true 没找到 返回 fasle ,对于一个写android 的人来说 通常会这么写:showGroupCommentList(responseBody) { responseBody.GroupList.map((data) => {原创 2017-06-12 23:21:38 · 807 阅读 · 1 评论 -
flaxList 的使用
1 使用时候很抖动, onEndReachedThreshold={1}不能使用我门设置的自定义背景原创 2017-06-13 23:23:40 · 271 阅读 · 0 评论 -
React native 技术中 android 和 iOS 平台差异
1 在android 开发和iOS 开发中 会有平台的差异性1 在开发中,发现android 平台对js 数据类型的要求,相对于ios 平台要严格些,案例,在展现大图的时候,android 平台 点击图片没有生效,但是在ios 中是ok 这就涉及到平台的差异性,代码中调用查看大图的方法是 commentRoomPictureClick(index) { Log.logCode('c_ro原创 2017-06-01 21:01:57 · 3236 阅读 · 0 评论 -
js 基本语法
1 js 中 == 与 ===, != 和 !== 的区别var num = 1;var str = ‘1’;var test = 1;test == num //true 相同类型 相同值test === num //true 相同类型 相同值test !== num //false test与num类型相同,其值也相同, 非运算肯定是falsenum == str //true 把原创 2017-06-03 12:53:36 · 345 阅读 · 0 评论 -
RN 开发中android 版本升级步骤
版本发完,遇到的问题 版本迭代中package.json 文件中 "dependencies": { "@ctrip/crn": "git+http://wirelesscode.ctripcorp.com/crn#rel/7.5", "@ctrip/crn_ext":"git+http://wirelesscode.ctripcorp.com/crn_ext#rel/7.5",原创 2017-06-07 22:13:09 · 1730 阅读 · 0 评论 -
RN 环境搭建出现的问题
在RN 的环境中配置出现问题,crn 封装的rn 的信息,出现问题,通常会执行crn-cli run patch 去解决,但是发现实际使用过程中crn-cli 的命令找不到, 是node 的版本 不一致导致的, 解决方案!1、 删除原有nodebrew remove –force node sudo rm -r /usr/local/lib/node_modulessudo rm -rf /us原创 2017-05-20 16:40:15 · 787 阅读 · 0 评论 -
React Native android 平台的键盘处理方案
在点评列表转RN 的过程中,android 的键盘处理,也存在一定的问题,因为android 的手机存在back 键,对于常规意义上的android 键盘,存在2种场景,一种是,在键盘弹起的时候,一次按back 键,键盘消失,第二次按,页面消失 第二种是,在键盘弹起的时候,第一次主动的按back 键,键盘消失,按一次界面消失js 中 有 Keyboard 这个类来处理键盘相关的操作 具体处理方式原创 2017-06-15 23:33:42 · 2372 阅读 · 0 评论 -
React native 开发遇到的问题汇总
1 手机适配的问题 android ios 平台不一样,于是手机适配的方法为export function hotelR() { const screenWidth = Dimensions.get('window').width; if (Platform.OS === 'ios') { return (screenWidth / 375); } else原创 2017-05-24 00:20:40 · 408 阅读 · 0 评论 -
携程是如何做React Native优化的
React Native(下文简称RN)开源已经一年多时间,国内各大互联网公司都在使用,携程也在今年5月份投入资源开始引入,并推广给多个业务团队使用,本文将会分享我们遇到的一些问题以及我们的优化方案。一、背景和使用情况介绍为什么会引入React Native?AppSize占用携程旅行App从11年开始开发,至转载 2017-02-26 14:04:47 · 2976 阅读 · 0 评论 -
js 学习总结
在js 中有三种绑定this 的方法,apply, bind,call,在说区别之前还是先总结一下三者的相似之处:1、都是用来改变函数的this对象的指向的。2、第一个参数都是this要指向的对象。3、都可以利用后续参数传参。不用的地方:对于call可以这样: call(xh);对于apply可以这样: apply(xh);原创 2016-10-23 16:53:53 · 242 阅读 · 0 评论 -
React Native 中遇到的问题
1 网红项目跳转页面,出现错位的问题,原因是礼物列表页面没有设置背景颜色,导致最终展示,导致产生交错的情况,结局方案:ListView style={{backgroundColor: '#ffffff'}} dataSource={this.state.dataSource} renderSeparator={this._renderSeperator}原创 2016-12-06 21:21:33 · 270 阅读 · 0 评论 -
React Native 开发资料汇总
React Native 通信机制详解 : http://blog.cnbang.net/tech/2698/React Native 中文网 : http://reactnative.cn/ React Native 组件化库 : https://react.parts/nativeReact Native学习指南(必看!):https://github.com/ele8原创 2016-12-17 15:55:39 · 374 阅读 · 0 评论 -
js 开发遇到的问题
在开发中 常常遇到 一些变量在debug 提示undefine 的问题,现在开发中遇到绑定不一致具体场景 //点评列表 fetchCommentList() { let self = this; const pageIndex = this.state.pageIndex + 1; const commentOrderType = this.原创 2017-05-25 00:08:51 · 615 阅读 · 0 评论