question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Error while updating property 'source' of a view managed by: FastImageView

See original GitHub issue

Describe the bug

This is the duplication of #27. After almost 3 years and so many RN versions. This issue stuck with me… I really want to use FastImage on my every project but this source issue stays with me. Not only my own device, but every of the other developers also suffers from this bug.

To Reproduce Steps to reproduce the behavior if possible, or a link to a reproduction repo: Simply install this library, with autolinking or even with manual linking both Android has this issue.

Expected behavior Just works

Screenshots

Android Studio

CleanShot 2020-01-15 at 16 45 05 CleanShot 2020-01-15 at 16 45 23

React Native Device

28749493-e309d2ac-74d1-11e7-887e-a333fea20f14

Dependency versions

  • React Native version: 0.61.5
  • React version: 16.12.0
  • React Native Fast Image version: 7.0.2

Please at least help me to fix this issue. Thank you @DylanVann

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:1
  • Comments:11

github_iconTop GitHub Comments

8reactions
WrathChaoscommented, Aug 25, 2020

I got the solution:

Solution

normalisedSource = () => {
    const { source } = this.props;
    const normalisedSource =
      source && typeof source.uri === "string" && !source.uri.split("http")[1]
        ? null
        : source;
    return this.props.source && this.props.source.uri
      ? normalisedSource
      : source;
  };

Usage

<FastImage
     source={this.normalisedSource()}
/>

I still believe that this solution should be handled by the library itself but Dylan did not even answer us 😃 Anyway, here is the solution.

I used this solution on a big project and a library: https://github.com/WrathChaos/react-native-progressive-fast-image

8reactions
WrathChaoscommented, Feb 19, 2020

@akhatriST unfortunately, this part should check into the library itself.

Read more comments on GitHub >

github_iconTop Results From Across the Web

I get this error "Error while updating property 'src' of a view ...
Try this. Update source in Animated.Image to image.ImageUrl instead of just "image" <Animated.Image key={'image-${index}'} ...
Read more >
react-native-fast-image Error while updating property 'source ...
com.facebook.react.bridge.JSApplicationIllegalArgumentException : Error while updating property 'source' of a view managed by: FastImageView ...
Read more >
Error while updating property 'source' of a view managed by
Error while updating property 'source' of a view managed by: FastImageView.
Read more >
react-native-fast-image - npm
FastImage example app. React Native's Image component handles image caching like browsers for the most part. If the server is returning ...
Read more >
Error On An Android Studio Project While Updating Property:
while updating property 'source' of a view managed by: FastImageView null null. I dont know whats the problem. Exactly the same code works...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found