博客专栏  >  移动开发   >  ReactNative实战系列

ReactNative实战系列

讲述ReactNative的常用知识点,记录工作中项目遇到的各种坑和解决方法。

关注
148 已关注
46篇博文
  • 《React-Native系列》React-Native实战系列博客汇总

    从2016年7月份开始,坚持写ReactNative系列博客,记录工作中遇到的点滴。今天把博客汇如下:《React-Native系列》1、初探React-Native《React-Native系列》2...

    2016-11-07 21:46
    2992
  • 《React-Native系列》45、踩坑记录

    记录几个最近在项目中遇到的坑,RN版本使用0.29.2。1、在Android平台上Text标签的 lineHeight 需要设置成int ,否则会crash;在iOS平台上没有问题。如下图:com.f...

    2017-03-16 11:26
    2742
  • 《React-Native系列》44、基于多个TextInput的键盘遮挡处理方案优化

    以前写过两篇关于在ReactNative上处理键盘遮挡输入表单TextInput的情况,建议读者可以先看看1、《React-Native系列》33、 键盘遮挡问题处理2、《React-Native系列...

    2017-02-17 20:26
    3434
  • 《React-Native系列》43、通用容器和导航设计方案

    在现阶段我们的RN实践都是基于已发布过的APP,譬如将从某个入口进入的子模块都替换成RN页面。那么我们可以将这个子模块设计成一个通用RN容器,所有的RN页面都在RN容器内部跳转。RN容器在iOS使用U...

    2016-11-23 23:19
    2083
  • 《React-Native系列》42、键盘遮挡问题官方处理方法KeyboardAvoidingView

    今天,偶然翻Github发现了KeyboardAvoidingView,原来FaceBook的开发者们也意识到了键盘遮挡的问题。从0.31版本开始,提供了官方的解决方案。源码地址如下:https://...

    2016-11-22 13:34
    6844
  • 《React-Native系列》41、刨根问底Picker组件

    最近做一个需求,需求里需要实现一个类似Picker组件的效果,如下图所示,页面布局很简单,上面一个View 包含两个Text或者Touch*组件,下面放置一个Picker组件。这个组件在app中已经存...

    2016-11-03 11:31
    4621
  • 《React-Native系列》40、 ReactNative之bundle文件瘦身

    【背景】目前,我们的app中采用Native+RN的混合模式开发,每个由RN开发的页面,页面的加载都是加载的一个Bundle文件,而一个Bundle文件的大小为500-600Kb。在没有内置bundl...

    2016-10-31 16:42
    3318
  • 《React-Native系列》39、 ReactNative之键盘Keyboard

    今天我们来说下RN对键盘事件的支持。在react-native 的Component组件中有个Keyboard.github地址如下:https://github.com/facebook/react...

    2016-10-12 17:53
    8905
  • 《React-Native系列》38、 ReactNative混合组件封装

    在我们做ReactNative项目的过程中,我们会发现由ReactNative提供给我们的组件或API往往满足不了我们的需求,常常需要我们自己去封装Native组件。今天我们介绍下如果封装一个简单的R...

    2016-10-11 14:27
    3149
  • 《React-Native系列》37、 ReactNative百度地图开源组件使用

    上一篇文章写了ReactNative自带的MapView,很显然不是我们想要的。今天我们介绍一下一个开源的百度地图开源组件,详细描述它的使用方法。开源地址:https://github.com/lov...

    2016-09-30 16:26
    8609
  • 《React-Native系列》36、 ReactNative地图组件

    写在前面的话:明天就国庆了,祝伟大的祖国母亲节日快乐!今天,介绍地图组件。ReactNative官方提供了一个MapView的组件,我们先来说说它吧。先来看下他的API吧。iOS  annotatio...

    2016-09-30 15:03
    6492
  • 《React-Native系列》35、 RN在Android下支持gif的另一种方案

    在前面的文章中,我们介绍过在RN中Android如果处理Gif格式的图片。参考:http://blog.csdn.net/codetomylaw/article/details/52280828我们是...

    2016-09-28 18:42
    3096
  • 《React-Native系列》34、 ReactNative的那些坑

    梳理了下ReactNative中的一些坑,你踩没踩过,它就在那里。1、fetchfetch没有提供超时时间,设置timeout貌似没有作用。标红的地方不能调用response.json() 或 .te...

    2016-09-24 18:21
    3938
  • 《React-Native系列》33、 键盘遮挡问题处理

    最近在项目中,使用TextInput组件的时候,发现键盘弹出的时候,遮盖了表单。咨询了下做iOS的同学,他们的处理是计算键盘的高度和当前输入域的位置,将界面向上移动一段距离。那在ReactNative...

    2016-09-23 21:08
    9151
  • 《React-Native系列》32、 基于Fetch封装HTTPUtil工具类

    关于http请求的工具类,有很多,譬如:httpclient,okhttp。那么关于RN的处理HTTP请求的工具类呢,目前还没有找到,所以自己简单封装了一个,避免代码里到处都是fetch方法。好了,完...

    2016-09-19 21:41
    5833
  • 《React-Native系列》31、 Fetch发送POST请求的坑与解决方案

    我们在请求http接口时候,通常都会使用get和post的方式,针对表单提交这类的请求,我们通常采用post方式。那么在RN中的Fetch API中post提交有哪些坑呢?让我们撸起来。我们先来说说S...

    2016-09-19 19:24
    13796
  • 《React-Native系列》30、 RN组件间通信

    今天我们来说一说RN的组件之间的通信。ReactNative的核心之一是他的组件化,组件化的核心是组件之间的通信。组件是有层级来区分的,譬如:父组件 子组件。我们先来讲解一个例子。这个是我们要实现的功...

    2016-09-13 09:11
    3513
  • 《React-Native系列》29、 RN组件之WebView

    说起WebView,我们还是很熟悉的吧。特别是做过Hybrid开发的同学,Web+Native一个很经典的开发模式,包括现在依然很多App上都在使用。我们列举几个比较重要的属性吧source {uri...

    2016-09-09 20:51
    10638
  • 《React-Native系列》28、 RN之AsyncStorage

    AsyncStorage是一个简单的、未加密的、异步的、持久化的Key-Value存储系统,它对于App来说是全局性的。它用来代替LocalStorage。iOS中存储类似于NSUserDefault...

    2016-09-09 19:12
    4712
  • 《React-Native系列》27、 Redux的异步数据流

    我们再前面讲的 redux 中的数据流都是同步的,流程如下:view -> actionCreator -> action -> reducer -> newState -> container co...

    2016-09-08 21:03
    2967
img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部