Как разрешить пользователю изменять backgroundImage в приложении? - PullRequest
Новая
       13

Как разрешить пользователю изменять backgroundImage в приложении?

0 голосов
/ 10 февраля 2020

Я новичок в этой технологии и пишу приложение Todo в React Native, и я ищу, как разрешить пользователю изменять backgroundImage и сохранять изменения в моем приложении с доступными изображениями. Я не знаю, как это сделать. Кто-нибудь может мне помочь? Пожалуйста, что-нибудь материал, который может помочь мне или советы. Спасибо!

1 Ответ

1 голос
/ 10 февраля 2020

Если у вас есть список изображений в папке publi c, вы можете сделать это: 

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. Это установит состояние, которое, в свою очередь, выполнит повторную визуализацию приложения с новым изображением.

...