0

Проблема с react navigation, приложение галереи, нажимаешь на фото в общем списке и попадаешь на эту страницу где передается id фото с там делается запрос. Ниже фото логов. Если вставляю в Image data.urls.regular. Loading стает false до того так прилетают данные и выбрасывается ошибка так как data еще пуста, Как это дело исправить??

function ImageScreen({route}) {
  console.log('__INIT__')
  const {photoId} = route.params

  const dispatch = useDispatch()
  const [loading, setLoading] = React.useState(true)

  useEffect(() => {
    dispatch(loadImage(photoId))
    setLoading(false)
  }, [])

  const data = useSelector(state => state.image.image)

  console.log('loading', loading)
  console.log('data', data)

  const DownloadHandler = () => {
    alert('Save image... Joke')
  }

  return (
    <View>
      {loading ? <Loader/> :

        <TouchableOpacity activeOpacity={.7} onPress={DownloadHandler}>
          <Image style={styles.image} source={{uri: data}}/>
        </TouchableOpacity>
      }
    </View>
  );
}

export default ImageScreen

введите сюда описание изображения

3
  • Что за функция ‘loadImage’?
    – Teivaz
    Commented 1 нояб. 2020 в 7:25
  • Запрос к серверу фото по id
    – Mr. Byte
    Commented 2 нояб. 2020 в 9:59
  • Если он асинхронный, то в нём и проблема
    – Teivaz
    Commented 2 нояб. 2020 в 10:46

0

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Посмотрите другие вопросы с метками или задайте свой вопрос.