Реагирование на собственное изображение исчезает с подписанным URL (облачное хранилище Google)

Question

Я сохраняю профиль пользователя с помощью asyncStorage. Когда я запрашиваю информацию о пользователе из бэкэнда, он отвечает другим URL-адресом аватара, но тем же изображением. И реагировать на нативную визуализацию компонента изображения может быть потому, что URL отличается. И это приводит к тому, что изображение затухает, затухает.

Вот демонстация:

export default _ => {
  const [user, setUser] = React.useState({}) 

  React.useEffect(_ => {

    _getUser()

  }, [])

  _getUser = async _ =>
  {
    const saved = await AsyncStorage('user')
    if (saved)
      setUser(JSON.parse(saved))

    _fetchUser()
  }


  _fetchUser = async _ =>
  {
    const response = await fetch()
    setUser(response)

    await AsyncStorage.setItem('user', JSON.stringify(response))
  }

  return (
    <View>
      <Image source={{uri: user.avatar}} />
    </View>
  )
}

Итак, как я могу предотвратить эффект рендеринга или затухания / затухания?

Answer 1

Попробуйте добавить еще условие:

 _getUser = async _ =>
  {
    const saved = await AsyncStorage('user')
    if (saved) {
      setUser(JSON.parse(saved))
    } else {
      _fetchUser()
    }
  }