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

问题描述

我正在尝试应用从 IonRouterOutlet 开箱即用的默认转换，我注意到它仅适用于安卓平台，而不适用于 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 中根本不起作用

解决方法

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>