I have an Ionic React project using the blank
template from ionic/cli: ionic start
.
For reference purposes, I also created a conference
template sample application. After working for a while I saw that the page transition in the conference
template is smooth coming from right to left when changing pages.
I would also like to do that in my app, but I didn't find the particular piece of code that does that. Any help in finding it out?
Update
My App component:
const App: React.FC = () => (
<IonApp>
<IonReactRouter>
<IonRouterOutlet>
<AuthenticationProvider>
<Route path="/login" component={AuthenticationPage} exact />
<Route path="/" exact render={() => <Redirect to="/login" />} />
<SignupProvider>
<Route path="/signup" component={SignupPage} exact />
</SignupProvider>
</AuthenticationProvider>
</IonRouterOutlet>
</IonReactRouter>
</IonApp>
);
export default App;
My SignupPage:
const SignupPage: React.FC<RouteComponentProps> = ({ history }) => {
return (
<IonPage id='signup-page'>
<Stuff/>
</IonPage>
);
};
export default SignupPage;