React Native - 如何从孙组件设置 ActivityIndi​​catorIOS 的属性

Question

我想在我的 React Native 应用程序 (index.ios.js) 的顶层使用“全局”ActivityIndi​​catorIOS，这样当我需要打开和关闭它时，我可以在整个应用程序中控制它。

应用结构：

index.ios.js    <- ActivityIndicatorIOS here
 |
tabbar.ios.js
 |
tab1.js     <- Need to reference it from here
tab2.js                    "
tab3.js                    "

我真的很想知道执行此操作的最佳方法，而不是在应用程序中的每个视图上重复使用该组件，而是让它位于“顶级”NavigatorIOS 之上并能够打开和关闭它。

Answer 1

您可以使用“全局”模式屏幕执行与此处的示例非常相似的操作：https://rnplay.org/apps/V6vU6g

这篇文章解释了如何做到这一点：http://browniefed.com/blog/2015/10/18/react-native-easy-overlay-modal-with-navigator/

基本上，在您的情况下，您将在所述模态中拥有一个 ActivityIndi​​catorIOS，并且您将向您的选项卡组件传递一个函数，该函数在 index.ios.js 中设置状态是否可见。您可以稍后在链条的任何位置执行此功能。当此状态发生变化时，您的 ActivityIndi​​cator 可以设置为在导航器上呈现（如果您选择）。