fixing proptypes

Author: angryanatole

DefaultTabBar.js

@@ -1,24 +1,27 @@
 const React = require('react');
-const { ViewPropTypes } = ReactNative = require('react-native');
+const ReactNative = require('react-native');
 const {
   StyleSheet,
   Text,
   View,
   Animated,
+  ViewPropTypes
 } = ReactNative;
 const Button = require('./Button');
+const PropTypes = require('prop-types');
+const createClass = require('create-react-class');
 
-const DefaultTabBar = React.createClass({
+const DefaultTabBar = createClass({
   propTypes: {
-    goToPage: React.PropTypes.func,
-    activeTab: React.PropTypes.number,
-    tabs: React.PropTypes.array,
-    backgroundColor: React.PropTypes.string,
-    activeTextColor: React.PropTypes.string,
-    inactiveTextColor: React.PropTypes.string,
-    textStyle: Text.propTypes.style,
+    goToPage: PropTypes.func,
+    activeTab: PropTypes.number,
+    tabs: PropTypes.array,
+    backgroundColor: PropTypes.string,
+    activeTextColor: PropTypes.string,
+    inactiveTextColor: PropTypes.string,
+    textStyle: ViewPropTypes.style,
     tabStyle: ViewPropTypes.style,
-    renderTab: React.PropTypes.func,
+    renderTab: PropTypes.func,
     underlineStyle: ViewPropTypes.style,
   },
 
@@ -103,4 +106,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = DefaultTabBar;
+module.exports = DefaultTabBar;

ScrollableTabBar.js

@@ -1,5 +1,5 @@
 const React = require('react');
-const { ViewPropTypes } = ReactNative = require('react-native');
+const ReactNative = require('react-native');
 const {
   View,
   Animated,
@@ -8,28 +8,31 @@ const {
   Text,
   Platform,
   Dimensions,
-  I18nManager
+  I18nManager,
+  ViewPropTypes
 } = ReactNative;
 const Button = require('./Button');
+const PropTypes = require('prop-types');
+const createClass = require('create-react-class');
 
 const WINDOW_WIDTH = Dimensions.get('window').width;
 
-const ScrollableTabBar = React.createClass({
+const ScrollableTabBar = createClass({
   propTypes: {
-    goToPage: React.PropTypes.func,
-    activeTab: React.PropTypes.number,
-    tabs: React.PropTypes.array,
-    backgroundColor: React.PropTypes.string,
-    activeTextColor: React.PropTypes.string,
-    inactiveTextColor: React.PropTypes.string,
-    scrollOffset: React.PropTypes.number,
+    goToPage: PropTypes.func,
+    activeTab: PropTypes.number,
+    tabs: PropTypes.array,
+    backgroundColor: PropTypes.string,
+    activeTextColor: PropTypes.string,
+    inactiveTextColor: PropTypes.string,
+    scrollOffset: PropTypes.number,
     style: ViewPropTypes.style,
     tabStyle: ViewPropTypes.style,
     tabsContainerStyle: ViewPropTypes.style,
-    textStyle: Text.propTypes.style,
-    renderTab: React.PropTypes.func,
+    textStyle: ViewPropTypes.style,
+    renderTab: PropTypes.func,
     underlineStyle: ViewPropTypes.style,
-    onScroll:React.PropTypes.func,
+    onScroll: PropTypes.func,
   },
 
   getDefaultProps() {
@@ -240,4 +243,4 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     justifyContent: 'space-around',
   },
-});
+});

index.js

@@ -1,9 +1,8 @@
 const React = require('react');
 const {
-  PropTypes,
   Component,
 } = React;
-const { ViewPropTypes } = ReactNative = require('react-native');
+const ReactNative = require('react-native');
 const {
   Dimensions,
   View,
@@ -12,23 +11,26 @@ const {
   StyleSheet,
   InteractionManager,
   Platform,
+  ViewPropTypes
 } = ReactNative;
 const TimerMixin = require('react-timer-mixin');
 
 const SceneComponent = require('./SceneComponent');
 const DefaultTabBar = require('./DefaultTabBar');
 const ScrollableTabBar = require('./ScrollableTabBar');
+const PropTypes = require('prop-types');
+const createClass = require('create-react-class');
 
 
-const ScrollableTabView = React.createClass({
-  mixins: [TimerMixin, ],
+const ScrollableTabView = createClass({
+  mixins: [ TimerMixin, ],
   statics: {
     DefaultTabBar,
     ScrollableTabBar,
   },
 
   propTypes: {
-    tabBarPosition: PropTypes.oneOf(['top', 'bottom', 'overlayTop', 'overlayBottom', ]),
+    tabBarPosition: PropTypes.oneOf([ 'top', 'bottom', 'overlayTop', 'overlayBottom', ]),
     initialPage: PropTypes.number,
     page: PropTypes.number,
     onChangeTab: PropTypes.func,
@@ -285,4 +287,4 @@ const styles = StyleSheet.create({
   scrollableContentAndroid: {
     flex: 1,
   },
-});
+});