CODEWITHSUNDEEP
reactjsionic-frameworkreact-routerionic5ionic-react
AbdulAzeez Olanrewaju
AbdulAzeez Olanrewaju

Reputation: 1078

IonRouterOulet does not apply page transition in ios. Ionic React

I'm trying to apply default transition that comes out of the box from IonRouterOutlet, and i noticed that it only worked on andriod platform not on ios.

index.ts

ReactDOM.render(
  <React.StrictMode>
    <IonReactRouter>
      <App />
    </IonReactRouter>
  </React.StrictMode>,
  document.getElementById("root")
);

App.tsx

<IonApp>
  <MainTabs />
  <IonRouterOutlet>
    <Route exact path="/" component={Index} />
    <Route exact path="/get-started" component={GetStarted} />
    <Route exact path="/login" component={Login} />
    <Route exact path="/myself" component={SignMyself} />
    <Route exact path="/company" component={SignCompany} />
  </IonRouterOutlet>
</IonApp>

The transition from one page to another works well on android and does not work at all in ios

Upvotes: 0

Views: 313

Answers (1)

Aaron Saunders
Aaron Saunders

Reputation: 33345

IonReactRouter should be a child of the IonApp element

<IonApp>
  <IonReactRouter>
  <MainTabs />
  <IonRouterOutlet>
    <Route exact path="/" component={Index} />
    <Route exact path="/get-started" component={GetStarted} />
    <Route exact path="/login" component={Login} />
    <Route exact path="/myself" component={SignMyself} />
    <Route exact path="/company" component={SignCompany} />
  </IonRouterOutlet>
  </IonReactRouter>
</IonApp>

Upvotes: 1

Related Questions