从图像池中选择背景图像

Question

我是本机反应的新手，我想知道如何编码/构建一个应用程序的起始页面，该页面在每次启动该应用程序时（针对同一用户）会显示不同的图像？

我有一组可用的图像，我希望每次用户启动应用程序时，起始页都显示不同的随机背景图像。

Answer 1

您可以在 Array 中设置BackgroundImages uri，并在0 to array length之间使用随机生成器进行渲染。

const Images = ['uri 1', 'uri 2', 'uri 3', 'uri 4']

componentDidMount() {
  const randomNumber = Math.floor(Math.random() * Images.length);
  this.setState({currentImageIndex: randomNumber})
}

render() {


    return (
        <ImageBackground source={{uri: Images[this.state.currentImageIndex]}}>
            //... Other stuff
        </ImageBackground>
      )
    }