如何允许用户在应用程序中更改背景图像?

Question

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

Answer 1

如果公用文件夹中有图像列表，则可以执行以下操作：

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。这将设置状态，作为回报，将使用新图像重新呈现应用程序。