React Native wrapper around @szimek's HTML5 Canvas based Signature Pad
- Supports Android and iOS
- Pure JavaScript implementation with no native dependencies
- Tested with RN 0.20
- Can easily be rotated using the "transform" style
- Generates a base64 encoded png image of the signature
npm install --save react-native-signature-padvar React = require('react-native');
var {
View,
Component,
} = React;
var SignaturePad = require('react-native-signature-pad');
export default class Demo extends Component {
render = () => {
return (
<View style={{flex: 1}}>
<SignaturePad onError={this._signaturePadError}
onChange={this._signaturePadChange}
style={{flex: 1, backgroundColor: 'white'}}/>
</View>
)
};
_signaturePadError = (error) => {
console.error(error);
};
_signaturePadChange = ({base64DataUrl}) => {
console.log("Got new signature: " + base64DataUrl);
};
}