fix readme

Author: Bradley Martin

README.md

@@ -7,7 +7,7 @@ You can use this component to capture really anything you want that can be drawn
 
 ## WARNING - iOS is in development and should be available soon. ANDROID ONLY for now.
 
-#### Platform controls used: 
+#### Native Libraries: 
 Android | iOS
 ---------- | -----------
 [gcacace/android-signaturepad](https://github.com/gcacace/android-signaturepad) |  [SignatureView](https://cocoapods.org/pods/SignatureView)
@@ -20,18 +20,18 @@ From your command prompt/termial go to your app's root folder and execute:
 ## Usage
 #### XML:
 ```XML
-<Page xmlns="http://schemas.nativescript.org/tns.xsd"
-      xmlns:DrawingPad="nativescript-drawingpad">
-     <StackLayout>
-            <DrawingPad:DrawingPad
-                height="200"
-                id="drawingPad"     
-                penColor="#ff4081" 
-                penWidth="3" />   
+<Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:DrawingPad="nativescript-drawingpad" loaded="pageLoaded">
+    <ActionBar title="NativeScript-DrawingPad" color="#fff" backgroundColor="#03A9F4" />
+    <ScrollView>
+        <StackLayout>
+        
+            <DrawingPad:DrawingPad 
+            height="400" 
+            id="drawingPad" 
+            penColor="#ff4081" penWidth="3" />
 
-            <button text="Get Drawing" tap="getDrawingAsPic" />
-            <button text="Clear Drawing" tap="clearUserDrawing" />
-     </StackLayout>
+        </StackLayout>
+    </ScrollView>
 </Page>
 ```
 
@@ -57,11 +57,7 @@ exports.getDrawingAsPic = getDrawingAsPic;
 // If you want to clear the signature/drawing...
 function clearUserDrawing(args) {
     var pad = frame.topmost().currentPage.getViewById("drawingPad");
-    pad.clearDrawing().then(function() {
-        console.log('DrawingPad cleared.');
-    }, function(err) {
-        console.log(err);
-    });
+    pad.clearDrawing();
 }
 exports.clearUserDrawing = clearUserDrawing;
 ```

demo/app/main-page.xml

@@ -1,17 +1,17 @@
 <Page xmlns="http://schemas.nativescript.org/tns.xsd" xmlns:DrawingPad="nativescript-drawingpad" loaded="pageLoaded">
-    <Page.actionBar>
-        <ActionBar title="NativeScript-DrawingPad" color="#fff" backgroundColor="#03A9F4" />
-    </Page.actionBar>
+    <ActionBar title="NativeScript-DrawingPad" color="#fff" backgroundColor="#03A9F4" />
     <ScrollView>
         <StackLayout>
 
-            <DrawingPad:DrawingPad backgroundColor="black" 
-            margin="10" height="300" id="drawingPad" 
+            <DrawingPad:DrawingPad 
+            backgroundColor="black" 
+            margin="10" height="400" 
+            id="drawingPad" 
             penColor="#ff4081" penWidth="3" />
 
             <StackLayout orientation="horizontal">
-                <Button text="Get Drawing" color="green" tap="getMyDrawing" />
-                <button text="Clear Drawing" color="red" tap="clearMyDrawing" />
+                <Button text="Get Drawing" tap="getMyDrawing" />
+                <button text="Clear Drawing" tap="clearMyDrawing" />
             </StackLayout>
         </StackLayout>
     </ScrollView>

drawingpad.android.ts

@@ -35,7 +35,8 @@ export class DrawingPad extends common.DrawingPad {
         return new Promise((resolve, reject) => {
             try {
                 if (!this._android.isEmpty()) {
-                    resolve(this._android.getTransparentSignatureBitmap());
+                    let data = this._android.getTransparentSignatureBitmap();
+                    resolve(data);
                 } else {
                     reject("DrawingPad is empty.");
                 }

drawingpad.ios.ts

@@ -52,7 +52,7 @@ export class DrawingPad extends common.DrawingPad {
     public getDrawing():Promise<any> {
         return new Promise((resolve, reject) => {
             try {
-                var data = this._ios.signatureData();
+                let data = this._ios.signatureData();
                 resolve(data);
             } catch (err) {
                 reject(err);