react-native-image-picker reloading the whole app on capturing image

Question

When capturing the photo using react-native-image-picker and saving it, the whole app is being reloaded sometimes. This is not happening all the time, sometimes it is working as expected, but sometimes its reloading the app.

ImagePicker.launchCamera(options, (response) => {
  this.setState({ fileUri: response.uri, fileName: response.fileName })
});

"react-native": "0.59.1", "react-native-image-picker": "^0.26.10",

How to do it in proper way? any suggestion ? here it's reloading the whole app... — Sourav Dey, Apr 13 '20 at 09:16
No, i just want to upload it, so need the uri and the image name — Sourav Dey, Apr 13 '20 at 09:19

score 1 · Accepted Answer · edited Aug 23 '20 at 13:42

1

I was able to fix it by adding android:requestLegacyExternalStorage="true" to application tag in AndroidManifest.xml file

edited Aug 23 '20 at 13:42

Arghya Sadhu

41,002
9
78
107

answered Aug 23 '20 at 13:35

yahya

26
1

I found react-native-camera better than react-native-image-picker. The react-native-image0picker library is not maintained anymore and having lot of issues in latest react-native versions – Sourav Dey Aug 25 '20 at 11:07
I add it inside the tag but application is still reloading. – Zeeshan Ahmad Khalil Oct 17 '20 at 16:21

score 0 · Answer 2 · answered Apr 13 '20 at 09:24

You can save the response to another variable rather than the state. It will not re-render the component.

fileDetails

ImagePicker.launchCamera(options, (response) => {
  this.fileDetails = {
    fileUrl = response.uri,
    fileName = response.fileName
  }

});

UploadImage(){
  // Use the fileDetails here
}

react-native-image-picker reloading the whole app on capturing image

2 Answers2