Javascript 是否有机会将组件用作React Native上的全局活动指示器

是否有机会将我在React Native上创建的具有透明颜色的组件用作全局组件

详情：

• 我使用redux存储更新UI。因此，我打算通过更新存储来显示ActivityIndicator
• 我创建了一个名为

  ActIndicator

  的

  ActivityIndicator

  组件
• 我有一个包含应用程序的主

  App

  组件
• 我有一个

  Root

  组件，它包装

  ActIndicator

  和

  App

  组件

render

方法的

Root

组件的最终代码如下所示：

render() {

    if (this.state.showActivityIndicator) {
        return(
            <ActIndicator>
                <App />
            </ActIndicator>
        )
    }

    return (</App>)

}

render（）{
if（this.state.showActivityIndicator）{
返回(
)
}
返回（）
}

我试过几种方法，但都不成功

我想我的大脑停止了

---

我还认为可能存在逻辑错误。

我认为你不应该在小时候通过应用程序，我使用它的方式更像这样：

render() {

if (this.state.showActivityIndicator) {
    return(
      <View>
        <ActivityIndicator />
        <App />
      </View>
    )
}

return (<App />)

}

render() {
  return (
    <View>
      <ActivityIndicator animating={this.state.showActivityIndicator} />
      <App />
    </View>
  )
}

render（）{
if（this.state.showActivityIndicator）{
返回(
)
}
返回（）
}

但最好是这样设置：

render() {

if (this.state.showActivityIndicator) {
    return(
      <View>
        <ActivityIndicator />
        <App />
      </View>
    )
}

return (<App />)

}

render() {
  return (
    <View>
      <ActivityIndicator animating={this.state.showActivityIndicator} />
      <App />
    </View>
  )
}

render（）{
返回(
)
}

谢谢@MattAft。我明天会试试你的代码。编写all代码的行太长。我想要一个和你一样的答案！事实上我试过这种方法，但我一定做错了什么！在我尝试过这种方法后，我可以接受答案。@efkan ok听起来不错，如果您明天尝试时还有任何问题，请告诉我！我不得不接受Wojtek的答案，因为它的细节。实际上，您的解决方案与Wojtek的解决方案相似。