Fixes issue running on ReactNative 0.42.3 - 'MapMarker' has no propType for native prop 'AIRMapMarker.testId' of native type 'String' (react-native-maps#1792)

* Be less specific about react-native version for android

* Relax play services dependencies as well

* Fixes issue with ReactNative 0.42.3

* Update MapMarker.js

* Make all components use ViewPropTypes || View.propTypes

Author: markrickert

lib/components/MapCallout.js

@@ -3,14 +3,18 @@ import React from 'react';
 import {
   StyleSheet,
   ViewPropTypes,
+  View,
 } from 'react-native';
 import decorateMapComponent, {
   SUPPORTED,
   USES_DEFAULT_IMPLEMENTATION,
 } from './decorateMapComponent';
 
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
 const propTypes = {
-  ...ViewPropTypes,
+  ...viewPropTypes,
   tooltip: PropTypes.bool,
   onPress: PropTypes.func,
 };

lib/components/MapCircle.js

@@ -2,14 +2,18 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {
   ViewPropTypes,
+  View,
 } from 'react-native';
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
 const propTypes = {
-  ...ViewPropTypes,
+  ...viewPropTypes,
 
   /**
    * The coordinate of the center of the circle

lib/components/MapMarker.js

@@ -7,6 +7,7 @@ import {
   Animated,
   findNodeHandle,
   ViewPropTypes,
+  View,
 } from 'react-native';
 
 import resolveAssetSource from 'react-native/Libraries/Image/resolveAssetSource';
@@ -22,8 +23,11 @@ const viewConfig = {
   },
 };
 
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
 const propTypes = {
-  ...ViewPropTypes,
+  ...viewPropTypes,
 
   // TODO(lmr): get rid of these?
   identifier: PropTypes.string,

lib/components/MapPolygon.js

@@ -2,14 +2,18 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {
   ViewPropTypes,
+  View,
 } from 'react-native';
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
 const propTypes = {
-  ...ViewPropTypes,
+  ...viewPropTypes,
 
   /**
    * An array of coordinates to describe the polygon

lib/components/MapPolyline.js

@@ -2,14 +2,18 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import {
   ViewPropTypes,
+  View,
 } from 'react-native';
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
 const propTypes = {
-  ...ViewPropTypes,
+  ...viewPropTypes,
 
   /**
    * An array of coordinates to describe the polygon

lib/components/MapUrlTile.js

@@ -3,15 +3,19 @@ import React from 'react';
 
 import {
   ViewPropTypes,
+  View,
 } from 'react-native';
 
 import decorateMapComponent, {
   USES_DEFAULT_IMPLEMENTATION,
   SUPPORTED,
 } from './decorateMapComponent';
 
+// if ViewPropTypes is not defined fall back to View.propType (to support RN < 0.44)
+const viewPropTypes = ViewPropTypes || View.propTypes;
+
 const propTypes = {
-  ...ViewPropTypes,
+  ...viewPropTypes,
 
   /**
    * The url template of the tile server. The patterns {x} {y} {z} will be replaced at runtime

lib/components/MapView.js

@@ -8,8 +8,8 @@ import {
   NativeModules,
   ColorPropType,
   findNodeHandle,
-  View,
   ViewPropTypes,
+  View,
 } from 'react-native';
 import MapMarker from './MapMarker';
 import MapPolyline from './MapPolyline';