scroll not working ios device in ionic 4

scroll is disabled in ios when I put ion-router-outlet inside ion-content. Here is my code

<ion-header >
  <ion-toolbar >
    <ion-buttons slot="end">
      <ion-button class="default" routerLink='/nurse/tabs/notification'>
        <ion-icon name="notifications"></ion-icon>
        <span class="count notifications" >{{api.notificationCount}}</span>
    <div class="segmentBtns">
      <ion-button color="light" routerLink="/nurse/tabs/myshifts/upcoming" routerLinkActive #upc="routerLinkActive"
        [fill]="(upc.isActive)?'solid':'outline'" rla.isActive>Upcoming</ion-button>
      <ion-button color="light" routerLinkActive #comp="routerLinkActive" [fill]="(comp.isActive)?'solid':'outline'"
  <ion-split-pane contentId="myshifts">
    <ion-router-outlet id="myshifts"></ion-router-outlet>

And my module.ts file contains this

import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule } from '@angular/forms';
import { Routes, RouterModule } from '@angular/router';

import { IonicModule } from '@ionic/angular';
import { SkeltonHeaderPageModule } from '../../directives/skelton/skelton-header/skelton-header.module';
import { SkeltonListSinglePageModule } from '../../directives/skelton/skelton-list-single/skelton-list-single.module';

import { MyshiftsPage } from './';

const routes: Routes = [
    path: '',
    component: MyshiftsPage,
    children: [
            path: 'upcoming',
            loadChildren: './upcoming/upcoming.module#UpcomingPageModule'
            path: 'completed',
            loadChildren: './completed/completed.module#CompletedPageModule'
            path: '',
            redirectTo: 'upcoming',
            pathMatch: 'full'

  imports: [
  declarations: [MyshiftsPage]
export class MyshiftsPageModule {}

Any help would be much appreciated.

So putting an ionRouterOutlet in an ion-content is not really the correct way to handle things. You should have the router-outlet be top-level and not nested in ion-content.

The main issue has been nested ion-content Events ( swipeLeft and swipeRight ) couldn’t allowed scroll in ios devices . so i have do removed these events. now its working well. thank you for replay.

I’m facing the same issue with ionic 4 and ion router outlet. Can you explain more on how you solved the swipe issue?

if you have to add swipe event, the scroll will not work in ios devices.

Please goes through the below link for the better clarification