关闭

[置顶] 与我联系

从开始写《ReactNative实战系列》开始,就不断有朋友咨询一些博客中Demo遇到的问题,为了方便交流,后续改进如下: 1、后续博客中的Demo尽量把源码打包,上传到CSDN资源库 2、留下私人邮箱:birenjie8080@qq.com ,可以发邮件交流,尽量当日回复...
阅读(906) 评论(4)

[置顶] 《React-Native系列》React-Native实战系列博客汇总

从2016年7月份开始,坚持写ReactNative系列博客,记录工作中遇到的点滴。今天把博客汇如下:《React-Native系列》1、初探React-Native《React-Native系列》2、RN与native交互与数据传递《React-Native系列》3、RN与native交互之Callback、Promise《React-Native系列》4、表单界面代码编写《React-Nati...
阅读(2983) 评论(4)

《React-Native系列》45、踩坑记录

记录几个最近在项目中遇到的坑,RN版本使用0.29.2。1、在Android平台上Text标签的 lineHeight 需要设置成int ,否则会crash;在iOS平台上没有问题。如下图:com.facebook.react.bridge.UnexpectedNativeTypeException: TypeError: expected dynamic type `int64', but ha...
阅读(2721) 评论(3)

《React-Native系列》44、基于多个TextInput的键盘遮挡处理方案优化

以前写过两篇关于在ReactNative上处理键盘遮挡输入表单TextInput的情况,建议读者可以先看看1、《React-Native系列》33、 键盘遮挡问题处理2、《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView以前给出的解决方案,是使用ScrollView的scrollTo方法,将表单的输入域移动到可见区域(从键盘遮挡处移到键盘上方)。...
阅读(3424) 评论(2)

致即将逝去的2016 【再出发】

2016年还有最后的2个工作日,也该写写年终总结了,我把2016年的年终总结主题定义为【再出发】。...
阅读(1601) 评论(4)

《React-Native系列》43、通用容器和导航设计方案

在现阶段我们的RN实践都是基于已发布过的APP,譬如将从某个入口进入的子模块都替换成RN页面。那么我们可以将这个子模块设计成一个通用RN容器,所有的RN页面都在RN容器内部跳转。RN容器在iOS使用UIViewController、Android使用Activity或者Fragment,加载bundle文件,正常情况下,一个模块只有一个bundle文件。要实现页面的跳转,我们可以使用Navigat...
阅读(2080) 评论(0)

《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView

今天,偶然翻Github发现了KeyboardAvoidingView,原来FaceBook的开发者们也意识到了键盘遮挡的问题。从0.31版本开始,提供了官方的解决方案。源码地址如下:https://github.com/facebook/react-native/blob/master/Libraries/Components/Keyboard/KeyboardAvoidingView.js使用...
阅读(6805) 评论(1)

《React-Native系列》41、刨根问底Picker组件

最近做一个需求,需求里需要实现一个类似Picker组件的效果,如下图所示,页面布局很简单,上面一个View 包含两个Text或者Touch*组件,下面放置一个Picker组件。这个组件在app中已经存在,本来打算直接桥接native的,觉得这样基础的组件,还是使用RN的吧,这样就开始了我的Picker刨根之路。布局代码如下: <Animated.View style={[styl...
阅读(4593) 评论(9)

《React-Native系列》40、 ReactNative之bundle文件瘦身

【背景】目前,我们的app中采用Native+RN的混合模式开发,每个由RN开发的页面,页面的加载都是加载的一个Bundle文件,而一个Bundle文件的大小为500-600Kb。在没有内置bundle文件的情况下,用户想要使用所有由RN开发的功能,需要下载 n* 500 kb的文件。在有内置bundle文件的情况下,如果一个页面有更新,那么用户至少需要下载500kb的文件。在移动端,频繁的需要去...
阅读(3303) 评论(11)

google-diff-match-patch使用说明

要对文本文件的进行比较的时候,可以考虑使用google-diff-match-patch算法,它可以对文本文件进行比较、匹配和生成补丁的操作。他的官网是:http://code.google.com/p/google-diff-match-patch/CSDN下载:http://download.csdn.net/detail/modern1314/5323399使用google diff的话,这...
阅读(2646) 评论(0)

《React-Native系列》39、 ReactNative之键盘Keyboard

今天我们来说下RN对键盘事件的支持。在react-native 的Component组件中有个Keyboard.github地址如下:https://github.com/facebook/react-native/tree/770091f3c13f7c1bd77c50f979d89a774001fbf0/Libraries/Components/Keyboard我们先来看下官方提供的例子,监听键...
阅读(8885) 评论(4)

《React-Native系列》38、 ReactNative混合组件封装

在我们做ReactNative项目的过程中,我们会发现由ReactNative提供给我们的组件或API往往满足不了我们的需求,常常需要我们自己去封装Native组件。今天我们介绍下如果封装一个简单的ReactNative组件,Native代码采用Android。需求:实现一个组件、实现类似Android的Toast功能。1、创建一个RN projectreact-native init Hybri...
阅读(3137) 评论(0)

《React-Native系列》37、 ReactNative百度地图开源组件使用

上一篇文章写了ReactNative自带的MapView,很显然不是我们想要的。今天我们介绍一下一个开源的百度地图开源组件,详细描述它的使用方法。开源地址:https://github.com/lovebing/react-native-baidu-map   百度地图 React Native 模块,支持 react native 0.30+好,我们来描述它的使用步骤,以及需要注意的问题,我是在...
阅读(8588) 评论(2)

《React-Native系列》36、 ReactNative地图组件

写在前面的话:明天就国庆了,祝伟大的祖国母亲节日快乐!今天,介绍地图组件。ReactNative官方提供了一个MapView的组件,我们先来说说它吧。先来看下他的API吧。iOS  annotations [{latitude: number, longitude: number, animateDrop: bool, title: string, subtitle: string, hasLef...
阅读(6479) 评论(2)

《React-Native系列》35、 RN在Android下支持gif的另一种方案

在前面的文章中,我们介绍过在RN中Android如果处理Gif格式的图片。参考:http://blog.csdn.net/codetomylaw/article/details/52280828我们是把图片切成n张,如果利用定时器去轮播图片。这种方案存在的问题:1、需要预加载n张图片,哪怕页面最后不使用gif,n张图片也会被加载到内存;2、需要自己处理定时器逻辑;有没有什么更好的方式呢?好,我们今...
阅读(3086) 评论(2)
210条 共14页1 2 3 4 5 ... 下一页 尾页
    个人资料
    • 访问:477109次
    • 积分:5640
    • 等级:
    • 排名:第5152名
    • 原创:107篇
    • 转载:103篇
    • 译文:0篇
    • 评论:144条
    博客专栏
    文章分类