Timer react native中的SplashScreen

我需要制作一个图像作为整个第一个屏幕的背景，作为一个SplashScreen，在一段固定的时间后，它会显示另一个组件。 我创建了两个组件Home和SplashScreen，下面是我使用的代码：

componentDidMount() {
    SplashScreen.hide();
}
    render() {

return(

    <View>
        <SplashScreen/>
        <Home/>
    </View>

)
    }

---

请提供任何帮助或想法

您需要在Javascript land中实现此功能

最上面的组件将保留一个标志，指示渲染初始屏幕。 在指定的时间后更新此标志，并呈现所需的内容

虚拟实现可能如下所示

class App extends Component {
  state = {
    ready: false,
  }

  componentDidMount () {
    setTimeout(() => {
      this.setState({ ready: true })
    }, 5000)
  }

  render() {
    if (this.state.ready === false) {
      return <Splash />
    }

    return this.props.children;
  }
}

// Usage example:
<App>
  <RouterOrSomething />
</App>