From 10a6bfdbb158fb8920715ae3ca8741431891fc02 Mon Sep 17 00:00:00 2001 From: "satyajit.happy" Date: Wed, 14 Aug 2019 06:08:44 +0530 Subject: [PATCH] refactor: use named exports for navigators --- README.md | 2 +- packages/example/src/Screens/BottomTabs.tsx | 2 +- packages/example/src/Screens/MaterialBottomTabs.tsx | 2 +- packages/example/src/Screens/MaterialTopTabs.tsx | 2 +- packages/example/src/Screens/SimpleStack.tsx | 3 ++- packages/example/src/index.tsx | 6 ++++-- packages/material-top-tabs/src/index.tsx | 4 +++- 7 files changed, 13 insertions(+), 8 deletions(-) diff --git a/README.md b/README.md index 296616d7..050e618f 100644 --- a/README.md +++ b/README.md @@ -344,7 +344,7 @@ const navigation = useNavigation(); It's also possible to type-check the navigator to some extent. To do this, we need to pass a generic when creating the navigator object: ```ts -const Stack = StackNavigator(); +const Stack = createStackNavigator(); ``` And then we can use it: diff --git a/packages/example/src/Screens/BottomTabs.tsx b/packages/example/src/Screens/BottomTabs.tsx index 3f55d4d5..ffc771bc 100644 --- a/packages/example/src/Screens/BottomTabs.tsx +++ b/packages/example/src/Screens/BottomTabs.tsx @@ -2,7 +2,7 @@ import * as React from 'react'; import { MaterialIcons } from '@expo/vector-icons'; -import createBottomTabNavigator from '@navigation-ex/bottom-tabs'; +import { createBottomTabNavigator } from '@navigation-ex/bottom-tabs'; // @ts-ignore import TouchableBounce from 'react-native/Libraries/Components/Touchable/TouchableBounce'; import Albums from '../Shared/Albums'; diff --git a/packages/example/src/Screens/MaterialBottomTabs.tsx b/packages/example/src/Screens/MaterialBottomTabs.tsx index 582e2149..c3b5eee6 100644 --- a/packages/example/src/Screens/MaterialBottomTabs.tsx +++ b/packages/example/src/Screens/MaterialBottomTabs.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { StyleSheet } from 'react-native'; -import createMaterialBottomTabNavigator from '@navigation-ex/material-bottom-tabs'; +import { createMaterialBottomTabNavigator } from '@navigation-ex/material-bottom-tabs'; import Article from '../Shared/Article'; import Albums from '../Shared/Albums'; import Contacts from '../Shared/Contacts'; diff --git a/packages/example/src/Screens/MaterialTopTabs.tsx b/packages/example/src/Screens/MaterialTopTabs.tsx index 43547c71..c9187f05 100644 --- a/packages/example/src/Screens/MaterialTopTabs.tsx +++ b/packages/example/src/Screens/MaterialTopTabs.tsx @@ -1,6 +1,6 @@ import * as React from 'react'; import { StyleSheet } from 'react-native'; -import createMaterialTopTabNavigator from '@navigation-ex/material-top-tabs'; +import { createMaterialTopTabNavigator } from '@navigation-ex/material-top-tabs'; import Albums from '../Shared/Albums'; import Contacts from '../Shared/Contacts'; import Chat from '../Shared/Chat'; diff --git a/packages/example/src/Screens/SimpleStack.tsx b/packages/example/src/Screens/SimpleStack.tsx index 5bb053c4..d52b4681 100644 --- a/packages/example/src/Screens/SimpleStack.tsx +++ b/packages/example/src/Screens/SimpleStack.tsx @@ -2,7 +2,8 @@ import * as React from 'react'; import { View, StyleSheet } from 'react-native'; import { Button } from 'react-native-paper'; import { RouteProp, ParamListBase } from '@navigation-ex/core'; -import createStackNavigator, { +import { + createStackNavigator, StackNavigationProp, } from '@navigation-ex/stack'; import Article from '../Shared/Article'; diff --git a/packages/example/src/index.tsx b/packages/example/src/index.tsx index 3cf0ddd2..ab61a539 100644 --- a/packages/example/src/index.tsx +++ b/packages/example/src/index.tsx @@ -3,10 +3,12 @@ import { ScrollView, AsyncStorage, YellowBox } from 'react-native'; import { Appbar, List } from 'react-native-paper'; import { Asset } from 'expo-asset'; import { NavigationContainer, InitialState } from '@navigation-ex/core'; -import createDrawerNavigator, { +import { + createDrawerNavigator, DrawerNavigationProp, } from '@navigation-ex/drawer'; -import createStackNavigator, { +import { + createStackNavigator, Assets as StackAssets, StackNavigationProp, } from '@navigation-ex/stack'; diff --git a/packages/material-top-tabs/src/index.tsx b/packages/material-top-tabs/src/index.tsx index f8ac83b8..720b80c9 100644 --- a/packages/material-top-tabs/src/index.tsx +++ b/packages/material-top-tabs/src/index.tsx @@ -1,7 +1,9 @@ /** * Navigators */ -export { default } from './navigators/createMaterialTopTabNavigator'; +export { + default as createMaterialTopTabNavigator, +} from './navigators/createMaterialTopTabNavigator'; /** * Views