fix(button): fix button styles using StyleSheet class (#17)

Author: navarroaxel

src/components/Button/index.js

@@ -14,7 +14,7 @@ const getStyle = (template, primary, danger, style) => {
         computedStyle = template.buttonDefault;
     }
 
-    return Object.assign({}, template.button, computedStyle, style);
+    return [template.button, computedStyle, style];
 };
 
 const getIcon = (primary, danger, icon) => {
@@ -29,7 +29,7 @@ const getIcon = (primary, danger, icon) => {
     } else {
         computedStyle = styles.buttonIcon.buttonDefault;
     }
-    return Object.assign({}, icon, computedStyle);
+    return [icon, computedStyle];
 };
 
 const Button = ({

src/components/Button/styles.js

@@ -1,5 +1,7 @@
+import {StyleSheet} from 'react-native';
+
 export default {
-    button: {
+    button: StyleSheet.create({
         button: {
             borderRadius: 4,
             minWidth: 250
@@ -17,8 +19,8 @@ export default {
             borderWidth: 1,
             borderColor: 'red'
         }
-    },
-    buttonText: {
+    }),
+    buttonText: StyleSheet.create({
         button: {},
         buttonDefault: {
             color: '#333333'
@@ -27,8 +29,8 @@ export default {
         buttonDanger: {
             color: 'red'
         }
-    },
-    buttonIcon: {
+    }),
+    buttonIcon: StyleSheet.create({
         button: {},
         buttonDefault: {
             color: '#333333'
@@ -37,5 +39,5 @@ export default {
         buttonDanger: {
             color: 'red'
         }
-    }
+    })
 };