javascript - 如何允许用户更改应用程序中的背景图片？

Question

我是这项技术的新手，我正在 React Native 中编写 Todo 应用程序，我正在搜索如何允许用户更改背景图像并使用可用图像在我的应用程序中保存更改。我不知道该怎么做。有人可以帮助我吗？请提供一些可以帮助我的 Material 或提示。谢谢你!

Answer 1

如果您的公共(public)文件夹中有图像列表，您可以执行以下操作:

constructor(props) {
   super(props);
   this.state = {
       imagePath: "/image-name",
   }
}

在渲染中，可以这样渲染图像 <img src="${this.state.imagePath}" alt="my-image"/>

然后你就有了一个更新状态的函数

const handleChange = (newImage: string) => {
   this.setState({
       imagePath: newImage,
   });
}

每当您想通过单击按钮或其他方式更改图像时，您都可以调用handleChange函数并传入新的imagePath。这将设置状态，反过来将使用新图像重新呈现应用程序。