react-native网络加载等待页面

    本文记录一下rn在网络加载的时候在页面最上层覆盖一个Modal的方法,本人也是初学,如有不对之处或者更好的实现方法,请不吝赐教,实现效果如下:


    在加载动画出现的时候,界面是被锁定的,当网络请求完成,加载页面消失,此时界面可接收点击事件。

以上效果为mobx + modal实现的:

首先,在根视图上覆盖modal遮罩:

mobx需要自己从git上下载。

为了在请求时只更新加载页面,此处将等待界面单独拎出来作为一个component。

是否处于加载状态在appMobx文件中判断,代码如下:

    如此,将网络请求封装成一个class(mobx的观察者),并在网络请求开始的地方调startRequest,返回结果的地方调endRequest即可实现在每次进行网络请求的时候都出现等待界面,无需手动唤起。

    加载界面NetWorkRequestWaitView可自定义,就是一个Component。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Web MVC Spring Web MVC 是包含在 Spring 框架中的 Web 框架,建立于...
    Hsinwong阅读 22,664评论 1 92
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,191评论 4 61
  • 本文描写了作者儿时在家中百草园的趣事,得到了的乐趣和在三味书屋读书的乏味生活,揭示了当时社会儿童广阔的生活趣味与束...
    顾晴雨阅读 4,781评论 0 1
  • 我近期最想实现的一个愿望或目标是:我的身体尽快恢复健康 所以我的咖啡冥想内容 1.这几天每天都会分享到至少一个群一...
    希望的天空_8ad6阅读 819评论 0 0
  • 又是三月清风盈满袖 未觉已是生芳华瘦 门前两行树 枝枝叶叶,错交依 四季一轮秋 年华匆匆藏故里 青涩时光深处,明月...
    玉江蝶影阅读 2,972评论 1 0