update example

Author: vonovak

example/navbar-buttons-demo/.flowconfig

@@ -0,0 +1,76 @@
+[ignore]
+; We fork some components by platform
+.*/*[.]android.js
+
+; Ignore templates for 'react-native init'
+<PROJECT_ROOT>/node_modules/react-native/local-cli/templates/.*
+
+; Ignore RN jest
+<PROJECT_ROOT>/node_modules/react-native/jest/.*
+
+; Ignore RNTester
+<PROJECT_ROOT>/node_modules/react-native/RNTester/.*
+
+; Ignore the website subdir
+<PROJECT_ROOT>/node_modules/react-native/website/.*
+
+; Ignore the Dangerfile
+<PROJECT_ROOT>/node_modules/react-native/danger/dangerfile.js
+
+; Ignore Fbemitter
+<PROJECT_ROOT>/node_modules/fbemitter/.*
+
+; Ignore "BUCK" generated dirs
+<PROJECT_ROOT>/node_modules/react-native/\.buckd/
+
+; Ignore unexpected extra "@providesModule"
+.*/node_modules/.*/node_modules/fbjs/.*
+
+; Ignore polyfills
+<PROJECT_ROOT>/node_modules/react-native/Libraries/polyfills/.*
+
+; Ignore various node_modules
+<PROJECT_ROOT>/node_modules/react-native-gesture-handler/.*
+<PROJECT_ROOT>/node_modules/expo/.*
+<PROJECT_ROOT>/node_modules/react-navigation/.*
+<PROJECT_ROOT>/node_modules/xdl/.*
+<PROJECT_ROOT>/node_modules/reqwest/.*
+<PROJECT_ROOT>/node_modules/metro-bundler/.*
+
+[include]
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow/
+node_modules/expo/flow/
+
+[options]
+emoji=true
+
+module.system=haste
+
+module.file_ext=.js
+module.file_ext=.jsx
+module.file_ext=.json
+module.file_ext=.ios.js
+
+munge_underscores=true
+
+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\|pdf\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FlowFixMeProps
+suppress_type=$FlowFixMeState
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(5[0-6]\\|[1-4][0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native_oss[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+suppress_comment=\\(.\\|\n\\)*\\$FlowExpectedError
+
+unsafe.enable_getters_and_setters=true
+esproposal.decorators=ignore
+
+[version]
+^0.56.0

example/navbar-buttons-demo/package.json

@@ -8,5 +8,8 @@
     "react-native-platform-touchable": "^1.1.1",
     "react-navigation": "^1.0.0-beta.27",
     "react-navigation-header-buttons": "file:../.."
+  },
+  "devDependencies": {
+    "flow-bin": "0.56"
   }
 }

example/navbar-buttons-demo/screens/UsageCustom.js

@@ -1,11 +1,13 @@
+//@flow
 import React from 'react';
 import { Ionicons } from '@expo/vector-icons';
 import { StyleSheet, Text, View, Button } from 'react-native';
 import { withNavigation } from 'react-navigation';
 import HeaderButtons from 'react-navigation-header-buttons';
+import type ScreenProps from './index';
 
 @withNavigation
-export class UsageCustom extends React.Component {
+export class UsageCustom extends React.Component<ScreenProps> {
   static navigationOptions = {
     title: 'Custom Usage',
     headerRight: (

example/navbar-buttons-demo/screens/UsageLeft.js

@@ -1,11 +1,13 @@
+//@flow
 import React from 'react';
 import { MaterialIcons, Ionicons } from '@expo/vector-icons';
 import { StyleSheet, Text, View, Button } from 'react-native';
 import HeaderButtons from 'react-navigation-header-buttons';
 import { withNavigation } from 'react-navigation';
+import type ScreenProps from './index';
 
 @withNavigation
-export class UsageLeft extends React.Component {
+export class UsageLeft extends React.Component<ScreenProps> {
   static navigationOptions = ({ navigation, navigation: { state } }) => ({
     title: 'Usage Left',
     headerLeft: (

example/navbar-buttons-demo/screens/UsageWithIcons.js

@@ -1,12 +1,14 @@
+//@flow
 import React from 'react';
 import { Ionicons } from '@expo/vector-icons';
 import { StyleSheet, Text, View, Button } from 'react-native';
 import HeaderButtons from 'react-navigation-header-buttons';
 import { withNavigation } from 'react-navigation';
 import Icon from 'react-native-vector-icons/MaterialIcons';
+import type ScreenProps from './index';
 
 @withNavigation
-export class UsageWithIcons extends React.Component {
+export class UsageWithIcons extends React.Component<ScreenProps> {
   static navigationOptions = {
     title: 'Usage With Icons',
     headerRight: (

example/navbar-buttons-demo/screens/UsageWithOverflow.js

@@ -1,11 +1,13 @@
+//@flow
 import React from 'react';
 import { MaterialIcons } from '@expo/vector-icons';
 import { StyleSheet, Text, View, Button } from 'react-native';
 import HeaderButtons from 'react-navigation-header-buttons';
 import { withNavigation } from 'react-navigation';
+import type ScreenProps from './index';
 
 @withNavigation
-export class UsageWithOverflow extends React.Component {
+export class UsageWithOverflow extends React.Component<ScreenProps> {
   static navigationOptions = {
     title: 'Usage With Overflow',
     headerRight: (

example/navbar-buttons-demo/screens/index.js

@@ -2,3 +2,7 @@ export { UsageCustom } from './UsageCustom';
 export { UsageWithIcons } from './UsageWithIcons';
 export { UsageWithOverflow } from './UsageWithOverflow';
 export { UsageLeft } from './UsageLeft';
+
+export type ScreenProps = {
+  navigation: any,
+};