Add PropTypes and update dependencies to work with react 16.0.0 (#2532)

Example/components/NavigationDrawer.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import Drawer from 'react-native-drawer';
 import { DefaultRenderer, Actions } from 'react-native-router-flux';
 

Example/components/TabView.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import {PropTypes} from "react";
+import PropTypes from 'prop-types';
 import {StyleSheet, Text, View, ViewPropTypes} from "react-native";
 import Button from 'react-native-button';
 import { Actions } from 'react-native-router-flux';

docs/REDUX_FLUX.md

@@ -104,7 +104,8 @@ Now you can access the current scene from any connected component.
 
 ```jsx
 // components/MyComponent.js
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { Text } from 'react-native';
 import { connect } from 'react-redux';
 
@@ -129,7 +130,8 @@ export default connect(({routes}) => ({routes}))(MyComponent);
 
 ```jsx
 // components/MyComponent.js
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { Text, View } from 'react-native';
 import Button from 'react-native-button'
 

package.json

@@ -37,6 +37,7 @@
   ],
   "dependencies": {
     "lodash.isequal": "^4.5.0",
+    "prop-types": "^15.5.10",
     "react-native-experimental-navigation": "^0.28.0",
     "react-native-tabs": "^1.0.9",
     "react-static-container": "^1.0.1"
@@ -50,9 +51,9 @@
     "eslint": "^3.1.1",
     "eslint-plugin-react": "^7.1.0",
     "jest": "20.0.4",
-    "react": "16.0.0-alpha.12",
-    "react-native": "0.45.1",
-    "react-test-renderer": "16.0.0-alpha.12"
+    "react": "16.0.0",
+    "react-native": "0.50.0-rc.1",
+    "react-test-renderer": "16.0.0"
   },
   "peerDependencies": {
     "react": "*",

src/Scene.js

@@ -6,7 +6,8 @@
  * LICENSE file in the root directory of this source tree.
  *
  */
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import { ViewPropTypes, Text } from 'react-native';
 
 export default class extends React.Component {

src/Switch.js

@@ -1,4 +1,5 @@
-import React, { PropTypes } from 'react';
+import React from 'react';
+import PropTypes from 'prop-types';
 import TabBar from './TabBar';
 import Actions from './Actions';
 

src/TabBar.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import {
   Image,
   View,

src/TabbedView.js

@@ -1,4 +1,5 @@
-import React, { Component, PropTypes } from 'react';
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
 import { View, StyleSheet, ViewPropTypes } from 'react-native';
 import StaticContainer from 'react-static-container';