博客专栏  >  移动开发   >  React-Native 项目实战技术分享

React-Native 项目实战技术分享

本专栏致力于分享项目中好用常用的技术点,以及在实施过程中遇到的疑难点问题解决方案,更好的帮助大家解决实际问题,提高生产效率,欢迎关注!

关注
40 已关注
23篇博文
  • React-Native之TextInput实现高度自增长解决方案

    前言TextInput在部分业务场景下, 需要随着字体多少进行高度自行调节,那么这个效果如何实现呢?方法为了方便重用,我们定义一个公用的组件:class AutoExpandingInput exte...

    2017-03-08 15:00
    1073
  • React-native之Navigator调用popToRoute无效解决方案

    前言在使用RN过程中, 经常会遇到如下场景, 当前在D页面, 栈里有A =》 B => C => D 四个页面, 我们往往需要返回之前的某个页面(B页面),并卸载 C, D两个页面,此时就需要用到官方...

    2017-03-08 17:52
    1006
  • React-Native之禁用Navigator默认的右滑手势返回上一页

    前言对于RN默认的导航组件Navigator, 可以通过右滑切换view,这样效果往往在项目中并不是很需要,但是想要去掉,也着实费了点功夫,下面来看如何解决这个问题?方法主要原理,也很简单,就是设置g...

    2017-03-08 14:15
    1119
  • React-Native在登陆成功或注销后销毁路由,只保留当前栈

    前言在移动APP中,我们经常会遇到登陆成功,或者注销后,不允许返回上一页面,这就需要我们清楚栈中的其余view, RN中我们应该如何处理呢?方法主要原理是借助于onDidFocus和immediate...

    2017-03-08 14:22
    2169
  • React-Native跨平台多屏幕尺寸适配方案一览

    前言对于RN而言,跨平台已经是不二之选,那么对于不同平台的尺寸的适配又是一个亘古的难题,下面说一下我再项目中的一点实践心得,大神勿喷。方法getstatic静态方法,进行返回屏幕的像素密度。一些例子如...

    2017-02-23 21:40
    2824
  • React-Native之IOS本地模块的应用实践分享(仅此一篇足以...)

    前言React-Native从诞生至今,火热程度已经不言而喻,在不断的框架迭代过程中,RN也提供了丰富的组件,以供开发者使用,但是在实际应用中,我们可能需要更为丰富的交互组件,但是RN中又没有及时提供...

    2017-02-15 20:20
    1501
  • React-Native屏幕适配之ImageView的应用解析

    前言对于移动设备来讲,屏幕适配是必不可少的一个工作,但是对于Android和IOS两个平台,图片适配各不相同,那么在React Native中又是如何应用的呢?Native适配方案这里我们先说一下An...

    2017-02-13 11:03
    1015
  • React-Native项目中应用剪贴板复制粘贴操作

    前言很多APP中都会用到剪贴板的操作,对于React-Native来讲同样也可以实现这个功能。方法Clipboard组件可以在iOS和Android的剪贴板中读写内容。常用API1.得到复制内容sta...

    2017-02-10 17:19
    1259
  • React Native监听Android回退按键,程序化退出应用

    前言我们知道Android回退按键,会控制页面返回, 并且退出应用并非真正意义退出,仍在后台运行,所以在某些场景下需要监控android回退按键,那么在React Native中应该如何应用呢?我们具...

    2017-02-10 16:26
    1184
  • Redux中间件在React和React-Native项目架构中的应用实践

    前言 Redux和Flux的关系解释,这里不多赘述,这个观念在这两年被炒的异常火热,网上我们可以搜到很多的资源,单向数据流的观念越来越被众多的开发者应用于项目架构之中,下面我就来谈谈我再React项...

    2017-01-13 16:12
    1453
  • React-Native应用ListView实现上拉下拉刷新效果实践

    前言在移动应用中,上拉刷新加载更多,下拉刷新列表的操作非常常见,那么在React-Native中应该如何实现呢,我们具体来看一下?必备的组件 ListView:效果和ScrollView比较类似,但是...

    2017-01-13 15:03
    3579
  • React-Native版本升级的实践方案

    前言在React Native的工程项目中,版本升级是避免不了的,尤其是RN这种框架版本的迭代速度非常之快,如果一味使用旧版本,就无法使用新特性,如果升级,很可能会导致版本兼容问题,正所谓“与何雄站不...

    2017-01-23 15:06
    923
  • React-Native编写针对平台的代码

    前言我们在实际项目开发中,Android和IOS平台显示的效果可能并不相同,针对不同平台编写不同代码的需求, 下面举例说明React-Native工程下几种平台区分的方法,以供参考。用不同文件夹区分...

    2017-01-23 14:10
    1064
  • 针对于WebStorm工具开发React工程详细配置

    前言WebStorm作为目前最流流行的前端IDE, 无论从运行速度还是开发的便捷性,无形之中提高了工作效率,目前比较火爆的React也越来越被众多开发人员所采纳,但是WebStorm下的React工程...

    2016-12-07 14:30
    9471
  • Redux-Saga在React工程架构之的应用实践详解

    前言React的作用View层次的前端框架,自然少不了很多中间件(Redux Middleware)做数据处理, 而redux-saga就是其中之一,目前这个中间件在网上的资料还是比较少,估计应用的不...

    2017-01-12 15:12
    5881
  • react-native报错解决方法 in next release empty section headers will be rendered

    错误截图解决方法在ListView下 加个 enableEmptySections = {true} 就可以解决了

    2017-01-11 14:42
    636
  • React-Native调试状态下App运行缓慢问题解决方案

    问题正在使用RN进行开发的小伙伴会发现,当我们在远程调试状态下会有这个一个页面提示(黄色)并且App运行非常的缓慢。提示如下:react-native fix this by foregroundin...

    2017-01-11 15:10
    1723
  • React-Native 学习系列课程笔记(React-Native开发环境搭建)

    对于2016年最火爆的前端H5框架无疑是Facebook推出的React, React框架可以说是一个系列框架,可以分为web端,服务端,移动端,其核心思想都是自己组件化开发,这也是未来前端或者是移动...

    2016-08-11 02:37
    736
  • React-Native 学习系列课程笔记(React-Native 开发从零开始)

    React-Native 和React的原理大体相同,但是React-Native更多的是用Native组件替代web组件,为了能够更好的理解React-Native,大家最好先了解一下React的基...

    2016-08-11 03:07
    1038
  • React-Native在MacOS 10.12 Sierra后无法启动及监听解决方案

    问题描述出于好奇,本人最新升级了苹果最新的Sierra系统,最近在调试React-Native项目过程当中发现一个奇怪的问题,项目可以成功build, 通过xcode也可以编译到手机上,但是无法自动启...

    2016-09-28 14:59
    1691
img博客搬家
img撰写博客
img专家申请
img意见反馈
img返回顶部