'Oops, snapshot failed', { [Error: Failed to snapshot view tag 296] framesToPop: 1, code: 'E_UNABLE_TO_SNAPSHOT' } about react-native-view-shot HOT 6 CLOSED

do you have an example that reproduce the problem?

from react-native-view-shot.

Yes Here find the sample code.

<View style={{marginHorizontal:(Screen.width/100)1.5,
backgroundColor: 'transparent',
borderTopWidth:1,
borderColor:"#C0C0C0",
marginTop:(Screen.height/100)-1,
paddingVertical:(Screen.height/100)*1.3,
alignItems:"center"
}} >
<TouchableHighlight style={{position:'absolute',
left:(Screen.width/100)*20,
alignItems: 'center',
height:(Screen.width/100)*15,
width:(Screen.width/100)*20,}}
underlayColor = "transparent"
onPress={()=>this.socialMediaShare(rowdata)}>
<Image
style={[CommonStyle.message_board_bottom_icons,{marginTop:7,
width:(Screen.width/100)*7.2,height:(Screen.width/100)*7.22,}]}
source={share_icon}
/>

socialMediaShare (refname) {
let context=this;
console.log("refname",refname);
context.setTimeout(function(){
takeSnapshot(context.refs[refname], {
format: "jpeg",
quality: 1,
path: PictureDir+"/screenShot.png"
})
.then(
uri => context.setUri(uri),
error => {
console.log("Oops, snapshot failed", error);
//Toast.show("Your device does not support this feature.");
}
);
},200);
}

from react-native-view-shot.

Where is your ref set?

is it on a View, if so, have you tried to set collapsable={false} on it?

from react-native-view-shot.

@gre ref id is set to view and view is set to collapsable={false} already.

from react-native-view-shot.

@gre just fixed the issue. This is happening because when we are saving images to path: PictureDir. We need to get the storage permissions from user else package throw errors
Thanks

from react-native-view-shot.

@imbudhiraja What permissions do you use?

from react-native-view-shot.