Add Button component

src/Button/index.android.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {TouchableOpacity, View } from 'react-native';
+import PropTypes from 'prop-types';
+
+export default class CButton extends React.Component {
+    render() {
+        const {style,activeOpacity, ...passThroughProps} = this.props;
+        return (
+            <View style={{width:'100%'}}>
+                <TouchableOpacity activeOpacity={activeOpacity} {...passThroughProps}
+                                  style={style}>
+                    {this.props.children}
+                </TouchableOpacity>
+            </View>
+        )
+    }
+}
+
+CButton.propTypes = {
+    /**
+     * Callback to be invoked when the button is pressed
+     */
+    onPress: PropTypes.func.isRequired,
+    /**
+     * Boolean value to disable or enable button
+     */
+    disabled: PropTypes.bool,
+    /**
+     * Style of the Button
+     */
+    style:PropTypes.object
+};

src/Button/index.ios.js

@@ -0,0 +1,32 @@
+import React from 'react';
+import {TouchableOpacity, View } from 'react-native';
+import PropTypes from 'prop-types';
+
+export default class CButton extends React.Component {
+    render() {
+        const {style,activeOpacity, ...passThroughProps} = this.props;
+        return (
+            <View style={{width:'100%'}}>
+                <TouchableOpacity activeOpacity={activeOpacity} {...passThroughProps}
+                                  style={style}>
+                    {this.props.children}
+                </TouchableOpacity>
+            </View>
+        )
+    }
+}
+
+CButton.propTypes = {
+    /**
+     * Callback to be invoked when the button is pressed
+     */
+    onPress: PropTypes.func.isRequired,
+    /**
+     * Boolean value to disable or enable button
+     */
+    disabled: PropTypes.bool,
+    /**
+     * Style of the Button
+     */
+    style:PropTypes.object
+};

src/Button/index.js

@@ -1,24 +1,32 @@
 import React from 'react';
-import { Button, View } from 'react-native';
+import {TouchableOpacity, View } from 'react-native';
 import PropTypes from 'prop-types';
 
 export default class CButton extends React.Component {
     render() {
-        const {style, ...passThroughProps} = this.props;
-        const {color, ...passThroughStyles} = style || {};
+        const {style,activeOpacity, ...passThroughProps} = this.props;
         return (
-            <View
-                style={passThroughStyles}>
-                <Button {...passThroughProps}
-                        color={color}
-                />
+            <View style={{width:'100%'}}>
+                <TouchableOpacity activeOpacity={activeOpacity} {...passThroughProps}
+                    style={style}>
+                    {this.props.children}
+                </TouchableOpacity>
             </View>
         )
     }
 }
 
-Button.propTypes = {
-    title: PropTypes.string.isRequired,
+CButton.propTypes = {
+    /**
+     * Callback to be invoked when the button is pressed
+     */
     onPress: PropTypes.func.isRequired,
+    /**
+     * Boolean value to disable or enable button
+     */
     disabled: PropTypes.bool,
+    /**
+     * Style of the Button
+     */
+    style:PropTypes.object
 };