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上渲染（如果你選擇的話）。