moving to stateless functional components

Author: jineshshah36

.flowconfig

@@ -0,0 +1,70 @@
+[ignore]
+
+# We fork some components by platform.
+.*/*.web.js
+.*/*.android.js
+
+# Some modules have their own node_modules with overlap
+.*/node_modules/node-haste/.*
+
+# Ugh
+.*/node_modules/babel.*
+.*/node_modules/babylon.*
+.*/node_modules/invariant.*
+
+# Ignore react and fbjs where there are overlaps, but don't ignore
+# anything that react-native relies on
+.*/node_modules/fbjs/lib/Map.js
+.*/node_modules/fbjs/lib/fetch.js
+.*/node_modules/fbjs/lib/ExecutionEnvironment.js
+.*/node_modules/fbjs/lib/ErrorUtils.js
+
+# Flow has a built-in definition for the 'react' module which we prefer to use
+# over the currently-untyped source
+.*/node_modules/react/react.js
+.*/node_modules/react/lib/React.js
+.*/node_modules/react/lib/ReactDOM.js
+
+.*/__mocks__/.*
+.*/__tests__/.*
+
+.*/commoner/test/source/widget/share.js
+
+# Ignore commoner tests
+.*/node_modules/commoner/test/.*
+
+# See https://github.com/facebook/flow/issues/442
+.*/react-tools/node_modules/commoner/lib/reader.js
+
+# Ignore jest
+.*/node_modules/jest-cli/.*
+
+# Ignore Website
+.*/website/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+
+[options]
+module.system=haste
+
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+
+munge_underscores=true
+
+module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-1]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-1]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+
+[version]
+0.21.0

components/NavButton.js

@@ -3,25 +3,14 @@ import React from 'react-native'
 const {
   Platform,
   TouchableOpacity,
-  Component,
   View,
   PropTypes,
 } = React
 import styles from '../styles'
 
-export class NavButton extends Component {
-  static propTypes = {
-    style: View.propTypes.style,
-    children: PropTypes.node,
-    onPress: PropTypes.func,
-  }
-
-  static defaultProps = {
-    style: {},
-  }
-
-  getNavBarButtonStyles(): Array {
-    const { style } = this.props
+function NavButton(props: Object): React.Element {
+  const getNavBarButtonStyles = (): Array<Object> => {
+    const { style } = props
     if (Platform.OS === 'ios') {
       return [
         styles.navBarButtonIOS,
@@ -33,21 +22,31 @@ export class NavButton extends Component {
         style,
       ]
     }
-    return null
+    return []
   }
 
-  getTouchable(): React.Element {
-    const { onPress, children } = this.props
+  const getTouchable = (): React.Element => {
+    const { onPress, children } = props
     return (
       <TouchableOpacity onPress={onPress}>
-        <View style={this.getNavBarButtonStyles()}>
+        <View style={getNavBarButtonStyles}>
           {children}
         </View>
       </TouchableOpacity>
     )
   }
 
-  render(): React.Element {
-    return this.getTouchable()
-  }
+  return getTouchable
 }
+
+NavButton.propTypes = {
+  style: View.propTypes.style,
+  children: PropTypes.node,
+  onPress: PropTypes.func,
+}
+
+NavButton.defaultProps = {
+  style: {},
+}
+
+export { NavButton }