SplashScreen反应原生-Java 学习之路

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

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

return(

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

)
    }

请任何帮助或想法

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>

回复于 2024-05-12T19:55:51+08:00

SplashScreen反应原生

1 回答

相关问题