Changed default transitions

This commit is contained in:
Arnaud Vergnet 2020-04-28 20:22:55 +02:00
parent 070d6beb83
commit 252272cd55

View file

@ -23,13 +23,15 @@ import ServicesSectionScreen from "../screens/Services/ServicesSectionScreen";
import AmicaleContactScreen from "../screens/Amicale/AmicaleContactScreen"; import AmicaleContactScreen from "../screens/Amicale/AmicaleContactScreen";
import {createScreenCollapsibleStack, getWebsiteStack} from "../utils/CollapsibleUtils"; import {createScreenCollapsibleStack, getWebsiteStack} from "../utils/CollapsibleUtils";
const modalTransition = Platform.OS === 'ios' ? TransitionPresets.ModalPresentationIOS : TransitionPresets.ModalSlideFromBottomIOS;
const defaultScreenOptions = { const defaultScreenOptions = {
gestureEnabled: true, gestureEnabled: true,
cardOverlayEnabled: true, cardOverlayEnabled: true,
...TransitionPresets.ScaleFromCenterAndroid, ...modalTransition,
}; };
const modalTransition = Platform.OS === 'ios' ? TransitionPresets.ModalPresentationIOS : TransitionPresets.ModalSlideFromBottomIOS;
const ServicesStack = createStackNavigator(); const ServicesStack = createStackNavigator();
@ -42,7 +44,7 @@ function ServicesStackComponent() {
> >
{createScreenCollapsibleStack("index", ServicesStack, WebsitesHomeScreen, i18n.t('screens.services'))} {createScreenCollapsibleStack("index", ServicesStack, WebsitesHomeScreen, i18n.t('screens.services'))}
{createScreenCollapsibleStack("services-section", ServicesStack, ServicesSectionScreen, "SECTION")} {createScreenCollapsibleStack("services-section", ServicesStack, ServicesSectionScreen, "SECTION")}
{createScreenCollapsibleStack("amicale-contact", ServicesStack, AmicaleContactScreen, i18n.t('screens.amicaleAbout'), true, {...modalTransition})} {createScreenCollapsibleStack("amicale-contact", ServicesStack, AmicaleContactScreen, i18n.t('screens.amicaleAbout'))}
</ServicesStack.Navigator> </ServicesStack.Navigator>
); );
} }
@ -60,10 +62,7 @@ function ProxiwashStackComponent() {
<ProxiwashStack.Screen <ProxiwashStack.Screen
name="proxiwash-about" name="proxiwash-about"
component={ProxiwashAboutScreen} component={ProxiwashAboutScreen}
options={{ options={{title: i18n.t('screens.proxiwash'),}}
title: i18n.t('screens.proxiwash'),
...modalTransition,
}}
/> />
</ProxiwashStack.Navigator> </ProxiwashStack.Navigator>
); );
@ -79,19 +78,14 @@ function PlanningStackComponent() {
screenOptions={defaultScreenOptions} screenOptions={defaultScreenOptions}
> >
<PlanningStack.Screen <PlanningStack.Screen
name="planning" name="index"
component={PlanningScreen} component={PlanningScreen}
options={{ options={{title: i18n.t('screens.planning'),}}
title: i18n.t('screens.planning'),
}}
/> />
<PlanningStack.Screen <PlanningStack.Screen
name="planning-information" name="planning-information"
component={PlanningDisplayScreen} component={PlanningDisplayScreen}
options={{ options={{title: i18n.t('screens.planningDisplayScreen'),}}
title: i18n.t('screens.planningDisplayScreen'),
...modalTransition,
}}
/> />
</PlanningStack.Navigator> </PlanningStack.Navigator>
); );
@ -130,34 +124,22 @@ function HomeStackComponent(initialRoute: string | null, defaultData: { [key: st
<HomeStack.Screen <HomeStack.Screen
name="scanner" name="scanner"
component={ScannerScreen} component={ScannerScreen}
options={{ options={{title: i18n.t('screens.scanner'),}}
title: i18n.t('screens.scanner'),
...modalTransition,
}}
/> />
<HomeStack.Screen <HomeStack.Screen
name="club-information" name="club-information"
component={ClubDisplayScreen} component={ClubDisplayScreen}
options={{ options={{title: i18n.t('screens.clubDisplayScreen'),}}
title: i18n.t('screens.clubDisplayScreen'),
...modalTransition,
}}
/> />
<HomeStack.Screen <HomeStack.Screen
name="feed-information" name="feed-information"
component={FeedItemScreen} component={FeedItemScreen}
options={{ options={{title: i18n.t('screens.feedDisplayScreen'),}}
title: i18n.t('screens.feedDisplayScreen'),
...modalTransition,
}}
/> />
<HomeStack.Screen <HomeStack.Screen
name="planning-information" name="planning-information"
component={PlanningDisplayScreen} component={PlanningDisplayScreen}
options={{ options={{title: i18n.t('screens.planningDisplayScreen'),}}
title: i18n.t('screens.planningDisplayScreen'),
...modalTransition,
}}
/> />
</HomeStack.Navigator> </HomeStack.Navigator>
); );
@ -173,13 +155,7 @@ function PlanexStackComponent() {
screenOptions={defaultScreenOptions} screenOptions={defaultScreenOptions}
> >
{getWebsiteStack("index", PlanexStack, PlanexScreen, "Planex")} {getWebsiteStack("index", PlanexStack, PlanexScreen, "Planex")}
{createScreenCollapsibleStack( {createScreenCollapsibleStack("group-select", PlanexStack, GroupSelectionScreen, "GROUP SELECT")}
"group-select",
PlanexStack,
GroupSelectionScreen,
"GROUP SELECT",
true,
{...modalTransition})}
</PlanexStack.Navigator> </PlanexStack.Navigator>
); );
} }