react-native-signature-pad

   

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

Demo

!SignaturePadDemo !SignaturePadDemoAndroid

Installation

``sh
$ yarn add react-native-signature-pad
`

Example

`js
import React, {Component} from 'react';
import {View} from 'react-native';
import SignaturePad from 'react-native-signature-pad';

export default class Demo extends Component {
render = () => {
return (

onChange={this._signaturePadChange}
style={{flex: 1, backgroundColor: 'white'}}/>

)
};

_signaturePadError = (error) => {
console.error(error);
};

_signaturePadChange = ({base64DataUrl}) => {
console.log("Got new signature: " + base64DataUrl);
};
}
``