updated example and readme text

Author: jedt

Example/ios/Podfile.lock

@@ -450,7 +450,7 @@ SPEC CHECKSUMS:
   React-jsi: 54245e1d5f4b690dec614a73a3795964eeef13a8
   React-jsiexecutor: 8ca588cc921e70590820ce72b8789b02c67cce38
   React-jsinspector: b14e62ebe7a66e9231e9581279909f2fc3db6606
-  react-native-signature-capture: 331c29f07b4f19ccfe63c5247a956b203abb500f
+  react-native-signature-capture: 6dae6c8c9f085536d4ba305e15c01f0a3a49373e
   React-RCTActionSheet: 910163b6b09685a35c4ebbc52b66d1bfbbe39fc5
   React-RCTAnimation: 9a883bbe1e9d2e158d4fb53765ed64c8dc2200c6
   React-RCTBlob: 39cf0ece1927996c4466510e25d2105f67010e13
@@ -466,4 +466,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: 4365f72b23e8a6c2053ba9ed30569fee4a87b00b
 
-COCOAPODS: 1.9.3
+COCOAPODS: 1.9.1

Example/package-lock.json

@@ -12,7 +12,7 @@
   "dependencies": {
     "react": "16.13.1",
     "react-native": "0.63.2",
-    "react-native-signature-capture": "^0.4.10"
+    "react-native-signature-capture": "^0.4.11"
   },
   "devDependencies": {
     "@babel/core": "^7.8.4",

Example/package.json

@@ -0,0 +1,77 @@
+import React, {Component} from 'react';
+import {View, Text, Modal, Platform} from 'react-native';
+import SignatureCapture from 'react-native-signature-capture';
+
+const toolbarHeight = Platform.select({
+  android: 0,
+  ios: 22,
+});
+
+const modalViewStyle = {
+  paddingTop: toolbarHeight,
+  flex: 1,
+};
+
+class SignatureView extends Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      visible: false,
+    };
+  }
+
+  show(display) {
+    this.setState({visible: display});
+  }
+
+  render() {
+    const {visible} = this.state;
+
+    return (
+      <Modal
+        transparent={false}
+        visible={visible}
+        onRequestClose={this._onRequreClose.bind(this)}>
+        <View style={modalViewStyle}>
+          <View style={{padding: 10, flexDirection: 'row'}}>
+            <Text onPress={this._onPressClose.bind(this)}>{' x '}</Text>
+            <View style={{flex: 1, alignItems: 'center'}}>
+              <Text style={{fontSize: 14}}>Please write your signature.</Text>
+            </View>
+          </View>
+          <SignatureCapture
+            style={{flex: 1, width: '100%'}}
+            onDragEvent={this._onDragEvent.bind(this)}
+            onSaveEvent={this._onSaveEvent.bind(this)}
+            backgroundColor="#ff00ff"
+            strokeColor="#ffffff"
+            minStrokeWidth={4}
+            maxStrokeWidth={4}
+          />
+        </View>
+      </Modal>
+    );
+  }
+
+  _onPressClose() {
+    this.show(false);
+  }
+
+  _onRequreClose() {
+    this.show(false);
+  }
+
+  _onDragEvent() {
+    // This callback will be called when the user enters signature
+    //console.log('dragged');
+  }
+
+  _onSaveEvent(result) {
+    //result.encoded - for the base64 encoded png
+    //result.pathName - for the file path name
+    this.props.onSave && this.props.onSave(result);
+  }
+}
+
+export default SignatureView;

Example/src/SignatureView.android.js

@@ -44,7 +44,8 @@ class SignatureView extends Component {
             style={{flex: 1, width: '100%'}}
             onDragEvent={this._onDragEvent.bind(this)}
             onSaveEvent={this._onSaveEvent.bind(this)}
-            backgroundColor='pink'
+            backgroundColor="transparent"
+            strokeColor="#000000"
           />
         </View>
       </Modal>
@@ -61,7 +62,7 @@ class SignatureView extends Component {
 
   _onDragEvent() {
     // This callback will be called when the user enters signature
-    console.log('dragged');
+    //console.log('dragged');
   }
 
   _onSaveEvent(result) {

Example/src/SignatureView.js renamed to Example/src/SignatureView.ios.js

@@ -175,6 +175,8 @@ class RNSignatureExample extends Component {
                     showTitleLabel={false}
                     backgroundColor="#ff00ff"
                     strokeColor="#ffffff"
+                    minStrokeWidth={4}
+                    maxStrokeWidth={4}
                     viewMode={"portrait"}/>
 
                 <View style={{ flex: 1, flexDirection: "row" }}>

README.md

@@ -1,6 +1,6 @@
 {
   "name": "react-native-signature-capture",
-  "version": "0.4.10",
+  "version": "0.4.11",
   "description": "Lets users sign their signatures",
   "main": "SignatureCapture.js",
   "scripts": {