Readme updated

Author: sitefinitysteve

README.md

@@ -8,7 +8,8 @@ XML widget to create the Material Design Floating Action Button for Android Nati
 
 ### Screenshot
 ---------------
-![FAB Screenshot](screens/fab.png)
+![FAB Android Screenshot](screens/android.png)
+![FAB iOS Screenshot](screens/ios.png)
 
 ## Usage
 
@@ -29,7 +30,6 @@ XML widget to create the Material Design Floating Action Button for Android Nati
             <FAB:fab tap="fabTap"
                      row="1"
                      icon="res://ic_add_white"
-                     backColor="#ff4081"
                      rippleColor="#f1f1f1"
                      class="fab-button" />
     </grid-layout>
@@ -44,9 +44,9 @@ I recommend the following CSS styles.
 .fab-button {
     height: 70;
     margin: 15;
+    background-color: #ff4081; 
     horizontal-align: right; /* Android Only */
     vertical-align: bottom; /* Android Only */
-    background-color: #ff4081;  /* iOS Only */
     color: #fff;  /* iOS Only */
 }
 ```
@@ -56,30 +56,24 @@ I recommend the following CSS styles.
 #### JS
 
 ```JS
-function fabTap(args) {
+exports.fabTap = function(args) {
     console.log('tapped');
 }
-exports.fabTap = fabTap;
 ```
 
 ***
 
 ## Attributes
-**backColor** - optional
-
-Background color of the FAB
-
-### Android Specific Attributes
-**icon** - required
-
-Icon to use for the FAB button, supports the same image source options that NativeScript images support.
-
-**rippleColor**  - optional
-
-Ripple color on lollipop devices, it will fill the FAB on pre-lollipop devices
-
+| Property   |      Android      |  iOS | Description | Note |
+|----------|:-------------:|------:|--|--|
+| backColor |  X | X | Sets the background color of the button | None
+| icon |    X   |   | Supports the same image source options that NativeScript images support | Required on android
+| rippleColor | X |     |Ripple color on lollipop devices, it will fill the FAB on pre-lollipop devices | None
 
 
+## iOS Notes
+Since iOS doesn't have a native FAB, we're using the amazing [KCFloatingActionButton](https://cocoapods.org/pods/KCFloatingActionButton) by [Lee Sun-Hyoup](https://github.com/kciter)
+As of this publish, it does not yet support images, however this is an Issue open. 
 
 ### Contributors
 

fab.android.js

@@ -60,17 +60,14 @@ var FloatingActionButtonStyler = (function () {
     }
     // BACKGROUND COLOR
     FloatingActionButtonStyler.setBackgroundColorProperty = function (view, newValue) {
-        debugger;
         var fab = view.android;
         fab.setBackgroundTintList(android.content.res.ColorStateList.valueOf(newValue));
     };
     FloatingActionButtonStyler.resetBackgroundColorProperty = function (view, nativeValue) {
-        debugger;
         var fab = view.android;
         fab.setBackgroundTintList(android.content.res.ColorStateList.valueOf(nativeValue));
     };
     FloatingActionButtonStyler.getNativeBackgroundColorValue = function (view) {
-        debugger;
         var fab = view.android;
         return fab.getBackgroundTintList();
     };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "nativescript-floatingactionbutton",
-  "version": "0.1.81",
+  "version": "0.2.0",
   "description": "A NativeScript plugin to provide an XML widget to implement the Material Design Floating Action Button in an Android app.",
   "main": "fab.js",
   "nativescript": {
@@ -29,6 +29,10 @@
     {
       "name": "L�zaro Danillo",
       "url": "https://github.com/lazaromenezes"
+    },
+    {
+      "name": "Steve McNiven-Scott",
+      "url": "https://github.com/sitefinitysteve"
     }
   ],
   "license": "Apache-2.0",