react-native-signature-pad-react-16

0.4.0 • Public • Published

react-native-signature-pad

A 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

Installation

npm install --save react-native-signature-pad

Example

var 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);
  };
}

Versions

Current Tags

  • Version
    Downloads (Last 7 Days)
    • Tag
  • 0.4.0
    2
    • latest

Version History

  • Version
    Downloads (Last 7 Days)
    • Published
  • 0.4.0
    2
  • 0.0.2
    0
  • 0.0.1
    0

Package Sidebar

Install

npm i react-native-signature-pad-react-16

Weekly Downloads

2

Version

0.4.0

License

MIT

Unpacked Size

21.7 kB

Total Files

10

Last publish

Collaborators

  • gwielink