React+Antd Mobile 如何实现页面跳转时的进度条加载动画？

Question

React+Antd Mobile项目

问题描述

想要实现页面跳转的时候（比如首页 -> 页面A），
其中，页面A为列表页，需要向后端接口请求数据，大概有1~2秒左右的等待时间。

在顶部能有一个进度条动画显示，

当加载进行中的时候页面内容是空白的，

只有当页面A中的列表数据获取完成后才显示页面A。

类似下面效果：

请问有没有成熟的插件，或者合适的解决方案？

Answer 1

看图你这是app里webview?
1.如果是的话，建议交给app开发处理页面加载进度就好，不要处理请求进度了。
2.如果不是，用store来显示loding。
axios请求里拦截，请求前 ，store里的isLoding为true,请求完毕设置为false。
至于进度条
https://github.com/minhtranit...