PropTypes should be imported from react not react-native

Author: donnguyen

components/NavButton.js

@@ -1,6 +1,6 @@
 /* @flow */
-import React from 'react';
-import { Platform, TouchableOpacity, View, PropTypes } from 'react-native';
+import React, { PropTypes } from 'react';
+import { Platform, TouchableOpacity, View } from 'react-native';
 import styles from '../styles';
 
 function NavButton({ style, onPress, children, disabled, disabledStyle }: Object): React.Element {

components/NavButtonText.js

@@ -1,6 +1,6 @@
 /* @flow */
-import React from 'react';
-import { Text, PropTypes } from 'react-native';
+import React, { PropTypes } from 'react';
+import { Text } from 'react-native';
 import styles from '../styles';
 
 function NavButtonText({ style, children }: Object): React.Element {

components/NavGroup.js

@@ -1,6 +1,6 @@
 /* @flow */
-import React from 'react'
-import { View, PropTypes } from 'react-native';
+import React, { PropTypes } from 'react'
+import { View } from 'react-native';
 import styles from '../styles'
 
 function NavGroup({ style, children }: Object): React.Element {

components/NavTitle.js

@@ -1,6 +1,6 @@
 /* @flow */
-import React from 'react';
-import { Text, PropTypes } from 'react-native';
+import React, { PropTypes } from 'react';
+import { Text } from 'react-native';
 import styles from '../styles'
 
 function NavTitle({ style, children }: Object): React.Element {

components/StatusBarEnhanced.js

@@ -1,6 +1,6 @@
 /* @flow */
-import React from 'react';
-import { Platform, View, PropTypes, StatusBar } from 'react-native';
+import React, { PropTypes } from 'react';
+import { Platform, View, StatusBar } from 'react-native';
 import styles from '../styles'
 
 function StatusBarEnhanced({ statusBar, style }: Object): React.Element {

examples/android-colored.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react-native'
+import React, {Component} from 'react';
 import NavBar, { NavGroup, NavButton, NavButtonText, NavTitle } from 'react-native-nav'
 
 const styles = StyleSheet.create({

examples/android-dark.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react-native'
+import React, {Component} from 'react';
 import NavBar, { NavGroup, NavButton, NavButtonText, NavTitle } from 'react-native-nav'
 
 const styles = StyleSheet.create({

examples/android-image-icons.js

@@ -1,4 +1,5 @@
-import React, { Component, Image } from 'react-native'
+import React, {Component} from 'react';
+import {Image} from 'react-native';
 import NavBar, { NavGroup, NavButton, NavTitle } from 'react-native-nav'
 
 const styles = StyleSheet.create({

examples/android-light.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react-native'
+import React, {Component} from 'react';
 import NavBar, { NavGroup, NavButton, NavButtonText, NavTitle } from 'react-native-nav'
 
 export default class NavBarAndroidLight extends Component {

examples/ios-colored.js

@@ -1,4 +1,4 @@
-import React, { Component } from 'react-native'
+import React, {Component} from 'react';
 import NavBar, { NavButton, NavButtonText, NavTitle } from 'react-native-nav'
 
 const styles = StyleSheet.create({