added: disabled props of the onTab function

Author: Nick Nesterov

README.md

@@ -21,6 +21,7 @@ Property | Type | Description
 `tabs` | required array | The array consists of objects which must have an id inside an object.
 `activeTab` | required object | The object must have an id.
 `onTab` | required function | The function returns new active tab.
+`disabled` | bool | Disable `onTab` function.
 `styles` | object | An object of react native styles. More details below.
 
 
@@ -35,7 +36,7 @@ Property | Type | Description
 `activeTabText` | Text.propTypes.style | Styles for a text of active tab.
 `underline` | View.propTypes.style | Styles for a moving underline.
 
-## Usage: 
+## Usage:
 
 ```jsx
 import NativeTabs from 'native-tabs';
@@ -70,7 +71,7 @@ class SomeComponent extends React.Component{
     });
   }
   render() {
-    return <NativeTabs tabs={items} 
+    return <NativeTabs tabs={items}
             styles={{
               tabs: styles.tabs,
               tab: styles.tab,

package.json

@@ -1,6 +1,6 @@
 {
   "name": "native-tabs",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "description": "React Native Tabs",
   "main": "src/index.js",
   "scripts": {

src/index.js

@@ -1,6 +1,6 @@
 import React, { Component } from "react";
 import PropTypes from "prop-types";
-import { Animated, StyleSheet, Text, TouchableOpacity, View } from "react-native";
+import { Animated, StyleSheet, Text, TouchableOpacity, View, ViewPropTypes } from "react-native";
 
 export default class NativeTabs extends Component {
   constructor(props) {
@@ -30,7 +30,7 @@ export default class NativeTabs extends Component {
     this.activeTab = c;
   }
   onTab(tab) {
-    this.props.onTab(tab);
+    if (!this.props.disabled) this.props.onTab(tab);
   }
   getUnderlineStyle() {
     const t = this.state.underlineOffsetAm.getTranslateTransform();
@@ -107,16 +107,21 @@ NativeTabs.propTypes = {
     id: PropTypes.any
   }).isRequired,
   onTab: PropTypes.func,
+  disabled: PropTypes.bool,
   styles: PropTypes.shape({
-    tabs: View.propTypes.style,
+    tabs: ViewPropTypes.style,
     tab: TouchableOpacity.propTypes.style,
     tabText: Text.propTypes.style,
     activeTab: TouchableOpacity.propTypes.style,
     activeTabText: Text.propTypes.style,
-    underline: View.propTypes.style
+    underline: ViewPropTypes.style
   })
 }
 
+NativeTabs.defaultProps = {
+  disabled: false
+}
+
 const styles = StyleSheet.create({
   tabs: {
     position: "relative",