Question

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

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

return(

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

)
    }

请任何帮助或想法

Answer 1

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

最顶层的组件将保留一个标志，指示渲染启动画面。在指定的时间后更新此标志并呈现所需的内容。

虚拟实现可能看起来像这样......

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>

SplashScreen反应原生

1 个答案: