[Изображение до изменения URI состояния] https://i.stack.imgur.com/7yhA2.png
[Изображение после изменения URI состояния] https://i.stack.imgur.com/qid5A.png
Каждый раз, когда вы меняете источник компонента Image {} prop, изображение не изменяется. Также хочу отметить, что измененный URI на самом деле «отличается» от предыдущего. Я свел это к проблеме кеша на эмуляторе. Я ищу изображение для рендеринга при изменении состояния или использую совершенно другой модуль Image, так как тот, который работает в реагировать на натив, кажется бесполезным.
import { Image } from "react-native";
async componentDidMount(){
await this.getUserInformation();
}
async getUserInformation(){
let tempObject = {}
try {
await AsyncStorage.getItem("@UserValues").then((userObject) => { tempObject = JSON.parse(userObject); })
this.setState({image: tempObject.image})
} catch(e) { this.refs.toast.show("We are having issues saving your information..."); }
}
async createFile(result){
.......
fetch(......., requestOptions)
....
.then(async(res) => {
this.setState({image : imageURI})
let tempObject = { image: imageURI }
await AsyncStorage.mergeItem('@UserValues', JSON.stringify(tempObject));
})
.catch(error => console.log('error', error));
}
render() {
return (
<View>
<TouchableOpacity
onPress={this._pickImage}>
<Image
source={{ uri:this.state.image }}
style={styles.editProfilePicImage}>
</Image>
</TouchableOpacity>
</View>