added ViewPropTypes file for easier import and validate view prop types

src/badge/badge.js

@@ -1,15 +1,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  Text,
-  View,
-  StyleSheet,
-  TouchableOpacity,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { Text, View, StyleSheet, TouchableOpacity } from 'react-native';
 import colors from '../config/colors';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const Badge = props => {
   const {

src/buttons/Button.js

@@ -8,15 +8,13 @@ import {
   Platform,
   ActivityIndicator,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import colors from '../config/colors';
 import Text from '../text/Text';
 import MaterialIcon from 'react-native-vector-icons/MaterialIcons';
 import getIconType from '../helpers/getIconType';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const log = () => {
   console.log('please attach method to this component'); //eslint-disable-line no-console

src/buttons/ButtonGroup.js

@@ -6,13 +6,11 @@ import {
   StyleSheet,
   TouchableHighlight,
   Platform,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import colors from '../config/colors';
 import Text from '../text/Text';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const ButtonGroup = props => {
   const {

src/checkbox/CheckBox.js

@@ -6,15 +6,13 @@ import {
   View,
   Platform,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import TextElement from '../text/Text';
 import fonts from '../config/fonts';
 import colors from '../config/colors';
 import FAIcon from 'react-native-vector-icons/FontAwesome';
 import getIconType from '../helpers/getIconType';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const CheckBox = props => {
   const {

src/config/ViewPropTypes.js

@@ -0,0 +1,5 @@
+import { View, ViewPropTypes as RNViewPropTypes } from 'react-native';
+
+const ViewPropTypes = RNViewPropTypes || View.propTypes;
+
+export default ViewPropTypes;

src/containers/Card.js

@@ -6,15 +6,13 @@ import {
   Platform,
   Image,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import fonts from '../config/fonts';
 import colors from '../config/colors';
 import Text from '../text/Text';
 import Divider from '../divider/Divider';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const Card = props => {
   const {

src/divider/Divider.js

@@ -1,12 +1,7 @@
 import React from 'react';
-import {
-  View,
-  StyleSheet,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import colors from '../config/colors';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 let styles = {};
 

src/form/FormInput.js

@@ -7,12 +7,10 @@ import {
   Platform,
   Dimensions,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import colors from '../config/colors';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const { width } = Dimensions.get('window');
 

src/form/FormLabel.js

@@ -1,18 +1,11 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  StyleSheet,
-  View,
-  Platform,
-  Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { StyleSheet, View, Platform, Text as NativeText } from 'react-native';
 import colors from '../config/colors';
 import fonts from '../config/fonts';
 import Text from '../text/Text';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const FormLabel = props => {
   const {

src/form/FormValidationMessage.js

@@ -1,16 +1,10 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  StyleSheet,
-  View,
-  Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { StyleSheet, View, Text as NativeText } from 'react-native';
 import colors from '../config/colors';
 import Text from '../text/Text';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const FormValidationMessage = props => {
   const {

src/icons/Icon.js

@@ -6,11 +6,9 @@ import {
   View,
   StyleSheet,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import getIconType from '../helpers/getIconType';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const Icon = props => {
   const {

src/input/Search.js

@@ -7,13 +7,11 @@ import {
   TextInput,
   Platform,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/MaterialIcons';
 import colors from '../config/colors';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 class Search extends Component {
   focus() {

src/list/List.js

@@ -1,13 +1,8 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  View,
-  StyleSheet,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { View, StyleSheet } from 'react-native';
 import colors from '../config/colors';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const List = props => {
   const { children, containerStyle, ...attributes } = props;

src/list/ListItem.js

@@ -8,7 +8,6 @@ import {
   Platform,
   Switch,
   TextInput,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import Avatar from '../avatar/Avatar';
 import Badge from '../badge/badge';
@@ -17,8 +16,7 @@ import Text from '../text/Text';
 import colors from '../config/colors';
 import fonts from '../config/fonts';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const ListItem = props => {
   const {

src/pricing/PricingCard.js

@@ -1,18 +1,12 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import {
-  View,
-  StyleSheet,
-  Platform,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { View, StyleSheet, Platform } from 'react-native';
 import Text from '../text/Text';
 import fonts from '../config/fonts';
 import colors from '../config/colors';
 import Button from '../buttons/Button';
 import normalize from '../helpers/normalizeText';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const PricingCard = props => {
   const {

src/rating/Rating.js

@@ -8,12 +8,10 @@ import {
   Image,
   StyleSheet,
   Platform,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 
 import Text from '../text/Text';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const STAR_IMAGE = require('./images/star.png');
 const HEART_IMAGE = require('./images/heart.png');

src/slider/Slider.js

@@ -1,19 +1,11 @@
 import PropTypes from 'prop-types';
 import React, { Component } from 'react';
-import {
-  View,
-  StyleSheet,
-  Animated,
-  Easing,
-  PanResponder,
-  ViewPropTypes as RNViewPropTypes,
-} from 'react-native';
+import { View, StyleSheet, Animated, Easing, PanResponder } from 'react-native';
+import ViewPropTypes from '../config/ViewPropTypes';
 
 // import shallowCompare from 'react-addons-shallow-compare';
 // import styleEqual from 'style-equal'
 
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
-
 const TRACK_SIZE = 4;
 const THUMB_SIZE = 20;
 

src/social/SocialIcon.js

@@ -7,13 +7,11 @@ import {
   TouchableHighlight,
   ActivityIndicator,
   Text as NativeText,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import Icon from 'react-native-vector-icons/FontAwesome';
 import Text from '../text/Text';
 import fonts from '../config/fonts';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const log = () => {
   console.log('please attach method to this component'); // eslint-disable-line no-console

src/tile/FeaturedTile.js

@@ -7,12 +7,10 @@ import {
   Image,
   StyleSheet,
   Dimensions,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import Text from '../text/Text';
 import Icon from '../icons/Icon';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const FeaturedTile = props => {
   const {

src/tile/Tile.js

@@ -7,13 +7,11 @@ import {
   StyleSheet,
   Dimensions,
   TouchableOpacity,
-  ViewPropTypes as RNViewPropTypes,
 } from 'react-native';
 import Text from '../text/Text';
 import Icon from '../icons/Icon';
 import FeaturedTile from './FeaturedTile';
-
-const ViewPropTypes = RNViewPropTypes || View.propTypes;
+import ViewPropTypes from '../config/ViewPropTypes';
 
 const Tile = props => {
   const {