reactjs - 从图像池中选择背景图像

Question

我是 React Native 新手，我想知道如何编码/构建应用程序的起始页面，以便每次启动应用程序时(针对同一用户)显示不同的图像？

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

Answer 1

您可以在数组中设置BackgroundImages uri，并使用0到数组长度之间的随机生成器并渲染它。

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>
      )
    }