React Native - 如何从Grand-child组件设置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可以被设置为在Navigator上渲染（如果你选择的话）。