ReactNative 在进入新的界面，同时需要在新界面加载网络数据的时候有卡顿的现象，导致界面加载不流畅。本来以为是网络加载完成后再次渲染界面导致的。然后就想了一个办法，延迟加载数据

setTimeout(this._loadData,500)

结果还可以，但是如果有 loadingDialog 之类的东西会有一种延迟的感觉，而且写法感觉也不专业。所以百度科普了一下，ReactNative 里面有个专门管理交互的管理者：

InteractionManager

在这个类里面有个方法

runAfterInteractions

点击查看源码：

* Schedule a function to run after all interactions have completed. Returns a cancellable * "promise". runAfterInteractions( task: ?Task, then: Function, done: Function, cancel: Function,

查看备注，大意为在完成所有交互后执行一个方法，还可以返回一个取消任务的对象，正好解决我们的问题，我们将我们的网络加载放到这个方法里面试试：

InteractionManager.runAfterInteractions(this._loadData)

完美解决，如此丝滑。

但是还是有个问题，我项目里面有引入 react-native-smart-tip Toast 提示在 Toast  提示没有消失之前都不会去执行数据加载，这个问题也只能在进入新界面的时候将 Toast  隐藏掉，不知道还有没有更好的解决方案，等待解决......

ReactNative 在进入新的界面，同时需要在新界面加载网络数据的时候有卡顿的现象，导致界面加载不流畅。本来以为是网络加载完成后再次渲染界面导致的。然后就想了一个办法，延迟加载数据setTimeout(this._loadData,500)结果还可以，但是如果有 loadingDialog 之类的东西会有一种延迟的感觉，而且写法感觉也不专业。所以百度科普了一下，ReactNative 里面有个专门管理交互的管理者：InteractionManager在这个类里面有个方法ru.. React Native Tip 是一个受启发的简单包，可帮助您向用户显示快速提示并突出显示应用程序中的一些重要项目。 向用户解释一些功能是有用的。 要安装最新版本的 react - native -tip您只需要运行： npm install --save react - native -tip yarn add react - native -tip 你可以在上找到上面的。 导入 TipProvider 并将其放在 App.js 的最底部，如下所示： import React from " react " ; import { SafeAreaView } from " react - native " ; import TipProvider from " react - native -tip" ; export default class App extends