博客专栏  >  前端   >  React Native

React Native

ReactNative既拥有Native的用户体验、又保留React的开发效率。本专栏主要介绍ReactNative在Android平台的使用

关注
38 已关注
86篇博文
  • React Native使用Modal自定义分享界面

    在很多App中都会涉及到分享,React Native提供了Modal组件用来实现一些模态弹窗,例如加载进度框,分享弹框等。使用Modal搭建分析的效果如下: 自定义的分析界面代码如下: ...

    2017-08-11 18:11
    1331
  • React Native仿美团下拉菜单

    在很多产品中都会涉及到下拉菜单选择功能,用的最好的当属美团了,其效果如下: 要实现上面的效果,在原生中比较好做,直接使用PopWindow组件即可。如果使用React Native开发上面的效果,需...

    2017-08-07 22:03
    1363
  • ES7、ES8新特性

    概述JavaScript,作为一门处于高速发展期的开发语言,正在变的越来越完善、稳定。我们必须拥抱这些变化,并且我们需要把ES8加入到我们的技术栈中。 ECMAScript 是标准化的 JavaSc...

    2017-07-26 11:19
    674
  • react native仿微信PopupWindow效果

    在原生APP开发中,相信很多开发者都会见到这种场景:点击右上角更多的选项,弹出一个更多界面供用户选择。这种控件在原生开发中Android可以用PopupWindow实现,在ios中可以用CMPopTi...

    2017-08-06 10:24
    1370
  • react-native之ART绘图详解

    背景在移动应用的开发过程中,绘制基本的二维图形或动画是必不可少的。然而,考虑到Android和iOS均有一套各自的API方案,因此采用一种更普遍接受的技术方案,更有利于代码的双平台兼容。art是一个旨...

    2017-08-02 10:45
    1774
  • React-Native 组件之 Modal

    Modal组件可以用来覆盖包含React Native根视图的原生视图(如UIViewController,Activity),用它可以实现遮罩的效果。属性Modal提供的属性有:animationT...

    2017-07-26 09:33
    789
  • react-native城市列表组件

    城市列表选择是很多app共有的功能,比如典型的美图app。那么对于React Native怎么实现呢? 要实现上面的效果,首先需要对界面的组成简单分析,界面的数据主要由当前城市,历史访问城市和热门城...

    2017-07-21 09:37
    1005
  • MobX 在 React Native开发中的应用

    MobX 是一款精准的状态管理工具库,如果你在 React 和 React Native 应用中使用过 Flux、Alt、Redux 和 Reflux,那毫不犹豫地说,MobX 的简单性将成为你状态管...

    2017-07-14 13:57
    631
  • React Native如何消除启动时白屏

    在RN 项目启动之后有一个短暂的白屏,调试阶段白屏的时间较长,大概3-5秒,打正式包后这个白屏时间会大大缩短,大多时候都是一闪而过,所以称之为“闪白”。 其实解决的方案也有很多,这里做一个简单的总结...

    2017-07-07 21:08
    940
  • react native 调用原生UI组件

    在React Native开发过程中,有时我们想要使用原生的一个UI组件或者是js比较难以实现的功能时,我们可以在react Naitve应用程序中封装和植入已有的原生组件。 本文我们实现一个Vide...

    2017-07-05 18:47
    1686
  • React Native调用原生组件

    在React Native开发过程中,有时候我们可能需要访问平台的API,但react Native还没有相应的实现,或者是React Native还不支持一些原生的属性,我们需要调用原生代码来实现,...

    2017-07-03 22:41
    1424
  • React Native网络请求fetch简单封装

    在原生应用开发中,为了方便业务开发人员使用,我们一般会对网络库进行一些上传封装,而不是直接使用,例如基于AFNetworking库的ios请求上层封装,Android的诸如volley,retrofi...

    2017-06-27 22:14
    1791
  • React Native 自定义控件之验证码和Toast

    React Native通过近两年的迭代和维护,最新版本已经到了0.45.1,关于最新版本的介绍请查看我之前的博客:0.45新特性。话说回来,尽管迭代的挺快,但还是有很多坑,很多基础的组件和API还是...

    2017-06-21 21:56
    2838
  • React Native热更新方案

    随着 React Native 的不断发展完善,越来越多的公司选择使用 React Native 替代 iOS/Android 进行部分业务线的开发,也有不少使用 Hybrid 技术的公司转向了 Re...

    2017-06-14 10:49
    3684
  • React Native 使用react-native-image-picker库实现图片上传功能

    react-native-image-picker作为一个集成相机和相册的功能的第三方库,因为其使用相对简单受到前端开发人员的喜爱。react-native-image-picker使用1, 首先,安...

    2017-06-10 11:34
    3898
  • React Native 0.45.0 正式发布,有重大更新

    React Native 继续之前的升级的频率,差不多一个月升级一次。6月7号React Native 0.45.0正式发布。该版本有如下的重大变更: 1,删除 React 的转发和错误导入警告(R...

    2017-06-08 17:48
    2475
  • React Native之Permissions权限适配

    做过Android开发的同学都知道,在Android6.0版本之后,系统新增了运行时权限RuntimePermission,这个或许是借鉴的苹果吧(ps,关于详细的介绍请查看: Android 6.0...

    2017-06-05 16:55
    3610
  • React Native项目实战之fetch请求并填充界面

    fetch简介在 AJAX 时代,进行请求 API 等网络请求都是通过XMLHttpRequest 或者封装后的框架进行网络请求。而在前端快速发展地过程中,为了契合更好的设计模式,产生了 fetch ...

    2017-06-02 22:40
    2583
  • React Native项目实战之搭建美团个人中心界面

    在很多app应用型APP中,个人中心往往会单独出一个模块,而对于刚入门React Native的朋友来说,怎么去实现一些静态的页面,并且怎么着手实现,怎么分层,怎么去实现这个架构,我想是很基础的(ps...

    2017-05-28 19:26
    1738
  • React Native动画Animated详解

    在移动开发中,动画是提高用户体验不可缺少的一个元素。在React Native中,动画API提供了一些现成的组件:Animated.View,Animated.Text和Animated.Image默...

    2017-05-27 18:02
    2358

img博客搬家
img撰写博客
img发布 Chat
img专家申请
img意见反馈
img返回顶部