IonRouterOulet 不应用 ios 中的页面转换。离子反应

Question

我正在尝试应用 IonRouterOutlet 开箱即用的默认转换，我注意到它只适用于 andriod 平台，不适用于 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>

从一页到另一页的过渡在 android 上效果很好，在 ios

上根本不起作用

Answer 1

IonReactRouter 应该是 IonApp 元素的子元素

<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>