I am a beginner in the world of React Native and I am facing an issue with saving a signature image. It seems like the function responsible for this task is not being called properly. I suspect there might be an issue with the onPress event handler, as when I include a console.log statement it works fine. There could be something wrong within the function itself. Any help would be greatly appreciated. Thank you.
import SignatureCapture from 'react-native-signature-capture';
this.ref = React.createRef();
this.sign = React.createRef();
saveSign = () => {
this.refs['sign'].saveImage();
};
_onSaveEvent = (result) => {
this.checkAndroidPermission(result);
};
checkAndroidPermission = async (result) => {
if (Platform.OS === 'ios') {
save(result);
} else {
try {
const granted = await PermissionsAndroid.request(
PermissionsAndroid.PERMISSIONS.WRITE_EXTERNAL_STORAGE,
);
if (granted === PermissionsAndroid.RESULTS.GRANTED) {
this.save(result);
} else {
if (Platform.OS === 'android') {
ToastAndroid.show('Storage Permission denied.', ToastAndroid.SHORT);
} else {
AlertIOS.alert('Storage Permission denied.');
}
}
} catch (err) {
console.warn('tryerr', err);
}
}
};
save = async (result) => {
const paths = `${RNFetchBlob.fs.dirs.DCIMDir}/${new Date().getTime()}.png`;
try {
RNFetchBlob.fs
.writeFile(paths, result.encoded, 'base64')
.then((value) => {
RNFetchBlob.fs
.scanFile([{ path: paths }])
.then(() => {
const file = {
uri:
Platform.OS == 'android'
? 'file://' + paths
: paths,
name: 'sign.png',
type: 'image/png',
};
this.setState({ base64: file });
console.log('scan file success');
console.log('this is the file ' + JSON.stringify(this.state.base64));
})
.catch((err) => {
console.log('scan file error');
});
})
.catch((e) => console.log(e.message));
} catch (error) {
console.log('fileerror', error.message);
}
};
Please disregard the repeated plea for assistance at the end of the text.