Use ViewPropTypes instead of View.propTypes, as it is deprecated. Fall back if not available. (#70)

Author: jonkessler

Bar.js

@@ -4,11 +4,14 @@ import {
   Animated,
   Easing,
   View,
+  ViewPropTypes,
 } from 'react-native';
 
 const INDETERMINATE_WIDTH_FACTOR = 0.3;
 const BAR_WIDTH_ZERO_POSITION = INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);
 
+const RNViewPropTypes = ViewPropTypes || View.propTypes;
+
 export default class ProgressBar extends Component {
   static propTypes = {
     animated: PropTypes.bool,
@@ -21,7 +24,7 @@ export default class ProgressBar extends Component {
     indeterminate: PropTypes.bool,
     onLayout: PropTypes.func,
     progress: PropTypes.number,
-    style: View.propTypes.style,
+    style: RNViewPropTypes.style,
     unfilledColor: PropTypes.string,
     width: PropTypes.number,
   };

Circle.js

@@ -6,6 +6,7 @@ import {
   StyleSheet,
   Text,
   View,
+  ViewPropTypes,
 } from 'react-native';
 
 import Arc from './Shapes/Arc';
@@ -16,6 +17,8 @@ const CIRCLE = Math.PI * 2;
 const AnimatedSurface = Animated.createAnimatedComponent(ART.Surface);
 const AnimatedArc = Animated.createAnimatedComponent(Arc);
 
+const RNViewPropTypes = ViewPropTypes || View.propTypes;
+
 const styles = StyleSheet.create({
   container: {
     backgroundColor: 'transparent',
@@ -40,7 +43,7 @@ export class ProgressCircle extends Component {
     rotation: PropTypes.instanceOf(Animated.Value),
     showsText: PropTypes.bool,
     size: PropTypes.number,
-    style: View.propTypes.style,
+    style: RNViewPropTypes.style,
     textStyle: Text.propTypes.style,
     thickness: PropTypes.number,
     unfilledColor: PropTypes.string,

CircleSnail.js

@@ -5,6 +5,7 @@ import {
   ART,
   Easing,
   View,
+  ViewPropTypes,
 } from 'react-native';
 
 import Arc from './Shapes/Arc';
@@ -14,6 +15,8 @@ const AnimatedArc = Animated.createAnimatedComponent(Arc);
 const MIN_ARC_ANGLE = 0.1;
 const MAX_ARC_ANGLE = 1.5 * Math.PI;
 
+const RNViewPropTypes = ViewPropTypes || View.propTypes;
+
 export default class CircleSnail extends Component {
   static propTypes = {
     animating: PropTypes.bool,
@@ -27,7 +30,7 @@ export default class CircleSnail extends Component {
     hidesWhenStopped: PropTypes.bool,
     size: PropTypes.number,
     spinDuration: PropTypes.number,
-    style: View.propTypes.style,
+    style: RNViewPropTypes.style,
     thickness: PropTypes.number,
     strokeCap: PropTypes.string
   };

Pie.js

@@ -5,6 +5,7 @@ import {
   ART,
   StyleSheet,
   View,
+  ViewPropTypes,
 } from 'react-native';
 
 import Circle from './Shapes/Circle';
@@ -16,6 +17,8 @@ const CIRCLE = Math.PI * 2;
 const AnimatedSurface = Animated.createAnimatedComponent(ART.Surface);
 const AnimatedSector = Animated.createAnimatedComponent(Sector);
 
+const RNViewPropTypes = ViewPropTypes || View.propTypes;
+
 const styles = StyleSheet.create({
   container: {
     backgroundColor: 'transparent',
@@ -36,7 +39,7 @@ export class ProgressPie extends Component {
     ]),
     rotation: PropTypes.instanceOf(Animated.Value),
     size: PropTypes.number,
-    style: View.propTypes.style,
+    style: RNViewPropTypes.style,
     unfilledColor: PropTypes.string,
   };