Rename exports for navigators from XNavigator to createXNavigator

brentvatne · sourcecode911 · commit 3539acbc8cb6 · 2020-03-09T19:36:58.000+01:00
diff --git a/examples/NavigationPlayground/flow-typed/npm/react-native_vx.x.x.js b/examples/NavigationPlayground/flow-typed/npm/react-native_vx.x.x.js
diff --git a/examples/NavigationPlayground/js/App.js b/examples/NavigationPlayground/js/App.js
@@ -16,7 +16,7 @@ import {
   StatusBar,
   View,
 } from 'react-native';
-import { SafeAreaView, StackNavigator } from 'react-navigation';
+import { SafeAreaView, createStackNavigator } from 'react-navigation';
 
 import CustomTabs from './CustomTabs';
 import CustomTransitioner from './CustomTransitioner';
@@ -288,7 +288,7 @@ class MainScreen extends React.Component<any, State> {
   }
 }
 
-const AppNavigator = StackNavigator(
+const AppNavigator = createStackNavigator(
   {
     ...ExampleRoutes,
     Index: {
diff --git a/examples/NavigationPlayground/js/Drawer.js b/examples/NavigationPlayground/js/Drawer.js
@@ -5,8 +5,8 @@
 import React from 'react';
 import { Platform, ScrollView, StatusBar } from 'react-native';
 import {
-  StackNavigator,
-  DrawerNavigator,
+  createStackNavigator,
+  createDrawerNavigator,
   SafeAreaView,
 } from 'react-navigation';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
@@ -56,17 +56,17 @@ DraftsScreen.navigationOptions = {
   ),
 };
 
-const InboxStack = StackNavigator({
+const InboxStack = createStackNavigator({
   Inbox: { screen: InboxScreen },
   Email: { screen: EmailScreen },
 });
 
-const DraftsStack = StackNavigator({
+const DraftsStack = createStackNavigator({
   Drafts: { screen: DraftsScreen },
   Email: { screen: EmailScreen },
 });
 
-const DrawerExample = DrawerNavigator(
+const DrawerExample = createDrawerNavigator(
   {
     Inbox: {
       path: '/',
diff --git a/examples/NavigationPlayground/js/ModalStack.js b/examples/NavigationPlayground/js/ModalStack.js
@@ -4,7 +4,7 @@
 
 import React from 'react';
 import { ScrollView, StatusBar, Text } from 'react-native';
-import { SafeAreaView, StackNavigator } from 'react-navigation';
+import { SafeAreaView, createStackNavigator } from 'react-navigation';
 import SampleText from './SampleText';
 import { Button } from './commonComponents/ButtonWithMargin';
 
@@ -59,7 +59,7 @@ MyProfileScreen.navigationOptions = ({ navigation }) => ({
   title: `${navigation.state.params.name}'s Profile!`,
 });
 
-const ProfileNavigator = StackNavigator(
+const ProfileNavigator = createStackNavigator(
   {
     Home: {
       screen: MyHomeScreen,
@@ -89,7 +89,7 @@ MyHeaderTestScreen.navigationOptions = ({ navigation }) => {
   };
 };
 
-const ModalStack = StackNavigator(
+const ModalStack = createStackNavigator(
   {
     ProfileNavigator: {
       screen: ProfileNavigator,
diff --git a/examples/NavigationPlayground/js/MultipleDrawer.js b/examples/NavigationPlayground/js/MultipleDrawer.js
@@ -4,7 +4,7 @@
 
 import React from 'react';
 import { Platform, ScrollView, StyleSheet } from 'react-native';
-import { DrawerNavigator } from 'react-navigation';
+import { createDrawerNavigator } from 'react-navigation';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import SampleText from './SampleText';
 import { Button } from './commonComponents/ButtonWithMargin';
@@ -41,7 +41,7 @@ DraftsScreen.navigationOptions = {
   ),
 };
 
-const DrawerExample = DrawerNavigator(
+const DrawerExample = createDrawerNavigator(
   {
     Inbox: {
       path: '/',
@@ -60,7 +60,7 @@ const DrawerExample = DrawerNavigator(
   }
 );
 
-const MainDrawerExample = DrawerNavigator({
+const MainDrawerExample = createDrawerNavigator({
   Drafts: {
     screen: DrawerExample,
   },
diff --git a/examples/NavigationPlayground/js/SimpleStack.js b/examples/NavigationPlayground/js/SimpleStack.js
@@ -9,7 +9,11 @@ import type {
 
 import * as React from 'react';
 import { ScrollView, StatusBar } from 'react-native';
-import { StackNavigator, SafeAreaView, withNavigation } from 'react-navigation';
+import {
+  createStackNavigator,
+  SafeAreaView,
+  withNavigation,
+} from 'react-navigation';
 import SampleText from './SampleText';
 import { Button } from './commonComponents/ButtonWithMargin';
 import { HeaderButtons } from './commonComponents/HeaderButtons';
@@ -187,7 +191,7 @@ MyProfileScreen.navigationOptions = props => {
   };
 };
 
-const SimpleStack = StackNavigator({
+const SimpleStack = createStackNavigator({
   Home: {
     screen: MyHomeScreen,
   },
diff --git a/examples/NavigationPlayground/js/SimpleTabs.js b/examples/NavigationPlayground/js/SimpleTabs.js
@@ -9,7 +9,7 @@ import type {
 
 import React from 'react';
 import { Platform, ScrollView, StatusBar, View } from 'react-native';
-import { SafeAreaView, TabNavigator } from 'react-navigation';
+import { SafeAreaView, createTabNavigator } from 'react-navigation';
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import SampleText from './SampleText';
 import { Button } from './commonComponents/ButtonWithMargin';
@@ -144,7 +144,7 @@ MySettingsScreen.navigationOptions = {
   ),
 };
 
-const SimpleTabs = TabNavigator(
+const SimpleTabs = createTabNavigator(
   {
     Home: {
       screen: MyHomeScreen,
diff --git a/examples/NavigationPlayground/js/StackWithCustomHeaderBackImage.js b/examples/NavigationPlayground/js/StackWithCustomHeaderBackImage.js
@@ -6,7 +6,7 @@ import type { NavigationScreenProp } from 'react-navigation';
 
 import * as React from 'react';
 import { Image, Button, StatusBar, StyleSheet } from 'react-native';
-import { StackNavigator, SafeAreaView } from 'react-navigation';
+import { createStackNavigator, SafeAreaView } from 'react-navigation';
 import SampleText from './SampleText';
 
 type MyNavScreenProps = {
@@ -107,7 +107,7 @@ class MyProfileScreen extends React.Component<MyProfileScreenProps> {
   }
 }
 
-const StackWithCustomHeaderBackImage = StackNavigator(
+const StackWithCustomHeaderBackImage = createStackNavigator(
   {
     Home: {
       screen: MyHomeScreen,
diff --git a/examples/NavigationPlayground/js/StackWithHeaderPreset.js b/examples/NavigationPlayground/js/StackWithHeaderPreset.js
@@ -5,7 +5,7 @@ import type { NavigationScreenProp } from 'react-navigation';
 
 import * as React from 'react';
 import { ScrollView, StatusBar } from 'react-native';
-import { StackNavigator, SafeAreaView } from 'react-navigation';
+import { createStackNavigator, SafeAreaView } from 'react-navigation';
 import { Button } from './commonComponents/ButtonWithMargin';
 
 type NavScreenProps = {
@@ -56,7 +56,7 @@ class OtherScreen extends React.Component<NavScreenProps> {
   }
 }
 
-const StackWithHeaderPreset = StackNavigator(
+const StackWithHeaderPreset = createStackNavigator(
   {
     Home: HomeScreen,
     Other: OtherScreen,
diff --git a/examples/NavigationPlayground/js/StackWithTranslucentHeader.js b/examples/NavigationPlayground/js/StackWithTranslucentHeader.js
@@ -18,7 +18,7 @@ import {
   StatusBar,
   View,
 } from 'react-native';
-import { Header, StackNavigator } from 'react-navigation';
+import { Header, createStackNavigator } from 'react-navigation';
 import SampleText from './SampleText';
 import { Button } from './commonComponents/ButtonWithMargin';
 import { HeaderButtons } from './commonComponents/HeaderButtons';
@@ -206,7 +206,7 @@ MyProfileScreen.navigationOptions = props => {
   };
 };
 
-const StackWithTranslucentHeader = StackNavigator(
+const StackWithTranslucentHeader = createStackNavigator(
   {
     Home: {
       screen: MyHomeScreen,
diff --git a/examples/NavigationPlayground/js/StacksInTabs.js b/examples/NavigationPlayground/js/StacksInTabs.js
@@ -4,7 +4,11 @@
 
 import React from 'react';
 import { ScrollView, StatusBar } from 'react-native';
-import { SafeAreaView, StackNavigator, TabNavigator } from 'react-navigation';
+import {
+  SafeAreaView,
+  createStackNavigator,
+  createTabNavigator,
+} from 'react-navigation';
 
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import SampleText from './SampleText';
@@ -52,7 +56,7 @@ const MySettingsScreen = ({ navigation }) => (
   <MyNavScreen banner="Settings Screen" navigation={navigation} />
 );
 
-const MainTab = StackNavigator({
+const MainTab = createStackNavigator({
   Home: {
     screen: MyHomeScreen,
     path: '/',
@@ -69,7 +73,7 @@ const MainTab = StackNavigator({
   },
 });
 
-const SettingsTab = StackNavigator({
+const SettingsTab = createStackNavigator({
   Settings: {
     screen: MySettingsScreen,
     path: '/',
@@ -85,7 +89,7 @@ const SettingsTab = StackNavigator({
   },
 });
 
-const StacksInTabs = TabNavigator(
+const StacksInTabs = createTabNavigator(
   {
     MainTab: {
       screen: MainTab,
diff --git a/examples/NavigationPlayground/js/StacksOverTabs.js b/examples/NavigationPlayground/js/StacksOverTabs.js
@@ -4,7 +4,11 @@
 
 import React from 'react';
 import { ScrollView, StatusBar } from 'react-native';
-import { SafeAreaView, StackNavigator, TabNavigator } from 'react-navigation';
+import {
+  SafeAreaView,
+  createStackNavigator,
+  createTabNavigator,
+} from 'react-navigation';
 
 import Ionicons from 'react-native-vector-icons/Ionicons';
 import SampleText from './SampleText';
@@ -51,7 +55,7 @@ const MySettingsScreen = ({ navigation }) => (
   <MyNavScreen banner="Settings Screen" navigation={navigation} />
 );
 
-const TabNav = TabNavigator(
+const TabNav = createTabNavigator(
   {
     MainTab: {
       screen: MyHomeScreen,
@@ -90,7 +94,7 @@ const TabNav = TabNavigator(
   }
 );
 
-const StacksOverTabs = StackNavigator({
+const StacksOverTabs = createStackNavigator({
   Root: {
     screen: TabNav,
   },
diff --git a/examples/NavigationPlayground/js/StacksWithKeys.js b/examples/NavigationPlayground/js/StacksWithKeys.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import { StatusBar, Text, View } from 'react-native';
-import { StackNavigator } from 'react-navigation';
+import { createStackNavigator } from 'react-navigation';
 import { Button } from './commonComponents/ButtonWithMargin';
 
 class HomeScreen extends React.Component<any, any> {
@@ -82,7 +82,7 @@ class SettingsScreen extends React.Component<any, any> {
   }
 }
 
-const Stack = StackNavigator(
+const Stack = createStackNavigator(
   {
     Home: {
       screen: HomeScreen,
diff --git a/examples/NavigationPlayground/js/SwitchWithStacks.js b/examples/NavigationPlayground/js/SwitchWithStacks.js
@@ -10,7 +10,7 @@ import {
   StyleSheet,
   View,
 } from 'react-native';
-import { StackNavigator, SwitchNavigator } from 'react-navigation';
+import { createStackNavigator, createSwitchNavigator } from 'react-navigation';
 import { Button } from './commonComponents/ButtonWithMargin';
 
 class SignInScreen extends React.Component<any, any> {
@@ -111,10 +111,10 @@ const styles = StyleSheet.create({
   },
 });
 
-const AppStack = StackNavigator({ Home: HomeScreen, Other: OtherScreen });
-const AuthStack = StackNavigator({ SignIn: SignInScreen });
+const AppStack = createStackNavigator({ Home: HomeScreen, Other: OtherScreen });
+const AuthStack = createStackNavigator({ SignIn: SignInScreen });
 
-export default SwitchNavigator({
+export default createSwitchNavigator({
   Loading: LoadingScreen,
   App: AppStack,
   Auth: AuthStack,
diff --git a/examples/NavigationPlayground/js/TabAnimations.js b/examples/NavigationPlayground/js/TabAnimations.js
@@ -4,7 +4,7 @@
 
 import React from 'react';
 import { Animated, ScrollView, StatusBar } from 'react-native';
-import { StackNavigator, TabNavigator } from 'react-navigation';
+import { createStackNavigator, createTabNavigator } from 'react-navigation';
 import { Button } from './commonComponents/ButtonWithMargin';
 
 import Ionicons from 'react-native-vector-icons/Ionicons';
@@ -49,7 +49,7 @@ const MySettingsScreen = ({ navigation }) => (
   <MyNavScreen banner="Settings Screen" navigation={navigation} />
 );
 
-const MainTab = StackNavigator({
+const MainTab = createStackNavigator({
   Home: {
     screen: MyHomeScreen,
     path: '/',
@@ -66,7 +66,7 @@ const MainTab = StackNavigator({
   },
 });
 
-const SettingsTab = StackNavigator({
+const SettingsTab = createStackNavigator({
   Settings: {
     screen: MySettingsScreen,
     path: '/',
@@ -82,7 +82,7 @@ const SettingsTab = StackNavigator({
   },
 });
 
-const TabAnimations = TabNavigator(
+const TabAnimations = createTabNavigator(
   {
     MainTab: {
       screen: MainTab,
diff --git a/examples/NavigationPlayground/js/TabsInDrawer.js b/examples/NavigationPlayground/js/TabsInDrawer.js
@@ -4,12 +4,12 @@
 
 import React from 'react';
 import { Platform, ScrollView } from 'react-native';
-import { TabNavigator, DrawerNavigator } from 'react-navigation';
+import { createTabNavigator, createDrawerNavigator } from 'react-navigation';
 import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
 import SimpleTabs from './SimpleTabs';
 import StacksOverTabs from './StacksOverTabs';
 
-const TabsInDrawer = DrawerNavigator({
+const TabsInDrawer = createDrawerNavigator({
   SimpleTabs: {
     screen: SimpleTabs,
     navigationOptions: {
diff --git a/examples/NavigationPlayground/js/TabsWithNavigationFocus.js b/examples/NavigationPlayground/js/TabsWithNavigationFocus.js
@@ -4,7 +4,7 @@
 
 import React from 'react';
 import { SafeAreaView, Text } from 'react-native';
-import { TabNavigator, withNavigationFocus } from 'react-navigation';
+import { createTabNavigator, withNavigationFocus } from 'react-navigation';
 import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
 import { Button } from './commonComponents/ButtonWithMargin';
 
@@ -76,7 +76,7 @@ const createTabScreen = (name, icon, focusedIcon, tintColor = '#673ab7') => {
   return withNavigationFocus(TabScreen);
 };
 
-const TabsWithNavigationFocus = TabNavigator(
+const TabsWithNavigationFocus = createTabNavigator(
   {
     One: {
       screen: createTabScreen('One', 'numeric-1-box-outline', 'numeric-1-box'),
diff --git a/flow/react-navigation.js b/flow/react-navigation.js
diff --git a/src/react-navigation.js b/src/react-navigation.js

Original file line number	Diff line number	Diff line change
`@@ -16,7 +16,7 @@ import {`
`16`	`16`	`StatusBar,`
`17`	`17`	`View,`
`18`	`18`	`} from 'react-native';`
`19`		`-import { SafeAreaView, StackNavigator } from 'react-navigation';`
	`19`	`+import { SafeAreaView, createStackNavigator } from 'react-navigation';`
`20`	`20`
`21`	`21`	`import CustomTabs from './CustomTabs';`
`22`	`22`	`import CustomTransitioner from './CustomTransitioner';`
`@@ -288,7 +288,7 @@ class MainScreen extends React.Component<any, State> {`
`288`	`288`	`}`
`289`	`289`	`}`
`290`	`290`
`291`		`-const AppNavigator = StackNavigator(`
	`291`	`+const AppNavigator = createStackNavigator(`
`292`	`292`	`{`
`293`	`293`	`...ExampleRoutes,`
`294`	`294`	`Index: {`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ import type { NavigationScreenProp } from 'react-navigation';`
`6`	`6`
`7`	`7`	`import * as React from 'react';`
`8`	`8`	`import { Image, Button, StatusBar, StyleSheet } from 'react-native';`
`9`		`-import { StackNavigator, SafeAreaView } from 'react-navigation';`
	`9`	`+import { createStackNavigator, SafeAreaView } from 'react-navigation';`
`10`	`10`	`import SampleText from './SampleText';`
`11`	`11`
`12`	`12`	`type MyNavScreenProps = {`
`@@ -107,7 +107,7 @@ class MyProfileScreen extends React.Component<MyProfileScreenProps> {`
`107`	`107`	`}`
`108`	`108`	`}`
`109`	`109`
`110`		`-const StackWithCustomHeaderBackImage = StackNavigator(`
	`110`	`+const StackWithCustomHeaderBackImage = createStackNavigator(`
`111`	`111`	`{`
`112`	`112`	`Home: {`
`113`	`113`	`screen: MyHomeScreen,`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ import type { NavigationScreenProp } from 'react-navigation';`
`5`	`5`
`6`	`6`	`import * as React from 'react';`
`7`	`7`	`import { ScrollView, StatusBar } from 'react-native';`
`8`		`-import { StackNavigator, SafeAreaView } from 'react-navigation';`
	`8`	`+import { createStackNavigator, SafeAreaView } from 'react-navigation';`
`9`	`9`	`import { Button } from './commonComponents/ButtonWithMargin';`
`10`	`10`
`11`	`11`	`type NavScreenProps = {`
`@@ -56,7 +56,7 @@ class OtherScreen extends React.Component<NavScreenProps> {`
`56`	`56`	`}`
`57`	`57`	`}`
`58`	`58`
`59`		`-const StackWithHeaderPreset = StackNavigator(`
	`59`	`+const StackWithHeaderPreset = createStackNavigator(`
`60`	`60`	`{`
`61`	`61`	`Home: HomeScreen,`
`62`	`62`	`Other: OtherScreen,`