Handle local image into application - got sha1 error

Question

I'm trying to make a notes app with attached images. When the user adds an image I save it to my server and then save the path to the image in my server.

{this.state.img ? <Image
              style={stylesCP.image}
              source={{ uri: require(this.state.img)}}
            ></Image> : null}

While the img state contains: /Users/myUser/Study/React-Native/Note/WebApplication1/WebApplication1/images/1_3_2021_5_06_08_PMimg.jpg

And I'm getting this error:

Failed building JavaScript bundle.

SHA-1 for file /Users/myUser/Study/React-Native/Note/WebApplication1/WebApplication1/images/1_3_2021_5_06_08_PMimg.jpg (/Users/myUser/Study/React-Native/Note/WebApplication1/WebApplication1/images/1_3_2021_5_06_08_PMimg.jpg) is not computed

Can anyone help me with that please?

AsZik · Answer 1 · 2021-01-03T16:09:27.317

2

you needs to specify the local image syntax and path correctly like so, try this let me know

class ImageExample extends Component {
  constructor(props) {
    super(props);
    this.state = {
      img: require('../../Assests/Images/1_3_2021_5_06_08_PMimg.jpg'),
    };
  }
  render() {
    return (
      <View>
        {
          this.state.img ?
          <Image
            source={this.state.img}
          />
          : null
        }
      </View>
    );
  }
}

export default ImageExample;

edited Jan 03 '21 at 16:09

answered Jan 03 '21 at 15:44

AsZik

621
1
4
20

This is doesn't work even when I write this: – Dor Ben zvi Jan 03 '21 at 15:50
I added one example . Try that let me know – AsZik Jan 03 '21 at 16:10
https://stackoverflow.com/questions/51826728/react-native-bundle-sha-1-for-file-not-computedunable-to-load-script-from-asset – AsZik Jan 03 '21 at 16:17

Handle local image into application - got sha1 error

1 Answers1