Does not center the charge indicator [RadListView]

[nericode]

Tell us about the problem

It does not center the load indicator on ios when the ListViewGridLayout is set to spanCount="2"

Attached an image of issue:

Which platform(s) does your issue occur on?

Only in iOS

Please provide the following version numbers that your issue occurs with:

{
  "nativescript": {
    "id": "",
    "tns-android": {
      "version": "6.3.1"
    },
    "tns-ios": {
      "version": "6.3.0"
    }
  },
  "description": "NativeScript Application",
  "license": "SEE LICENSE IN <your-license-filename>",
  "repository": "<fill-your-repository-here>",
  "scripts": {
    "lint": "tslint \"src/**/*.ts\""
  },
  "dependencies": {
    "@angular/animations": "~8.2.0",
    "@angular/common": "~8.2.0",
    "@angular/compiler": "~8.2.0",
    "@angular/core": "~8.2.0",
    "@angular/forms": "~8.2.0",
    "@angular/platform-browser": "~8.2.0",
    "@angular/platform-browser-dynamic": "~8.2.0",
    "@angular/router": "~8.2.0",
    "@nativescript/theme": "~2.2.1",
    "nativescript-angular": "~8.20.3",
    "nativescript-couchbase-plugin": "^0.9.6",
    "nativescript-datetimepicker": "^1.2.2",
    "nativescript-geolocation": "5.1.0",
    "nativescript-google-maps-sdk": "^2.9.1",
    "nativescript-image-cache-it": "^5.0.0-beta.6",
    "nativescript-iqkeyboardmanager": "^1.5.1",
    "nativescript-material-cardview": "^2.5.4",
    "nativescript-material-ripple": "^3.1.4",
    "nativescript-phone": "^1.4.1",
    "nativescript-ui-listview": "^8.0.1",
    "nativescript-ui-sidedrawer": "~8.0.0",
    "reflect-metadata": "~0.1.12",
    "rxjs": "^6.4.0",
    "tns-core-modules": "~6.3.0",
    "zone.js": "~0.9.1"
  },
  "devDependencies": {
    "@angular/compiler-cli": "~8.2.0",
    "@ngtools/webpack": "~8.2.0",
    "codelyzer": "~4.5.0",
    "nativescript-dev-webpack": "~1.4.0",
    "node-sass": "^4.7.1",
    "tslint": "~5.19.0",
    "typescript": "~3.5.3"
  },
  "gitHead": "",
  "readme": "NativeScript Application"
}

Is there code involved? If so, please share the minimal amount of code needed to recreate the problem.

<RadListView
      row="1"
      loadOnDemandMode="Auto"
      (loadMoreDataRequested)="onLoadMoreItemsRequested($event)"
      *ngIf="isLoading"
      [items]="products"
      separatorColor="transparent"
    >
      <ng-template let-item="item" let-index="index">
        <MDCardView
          backgroundColor="white"
          class="m-5"
          borderRadius="2"
          rippleColor="transparent"
        >
          <StackLayout>
            <StackLayout (tap)="onNavDetail('/home/product-detail', item)">
              <ImageCacheIt
                [src]="item.imagen"
                stretch="fill"
                height="90"
              ></ImageCacheIt>
              <Label
                [text]="'$' + item.precio"
                class="font-weight-bold m-x-auto"
              ></Label>
              <Label
                class="m-x-auto"
                textWrap="true"
                [text]="item.titulo"
              ></Label>
            </StackLayout>
            <Button
              [visibility]="index == selected ? 'hidden' : 'visible'"
              (tap)="onChangeStateButton(index, item)"
              borderRadius="6"
              class="-outline"
              text="Agregar"
              fontSize="12"
            ></Button>
            <FlexboxLayout
              marginTop="-45"
              [visibility]="
                isEditable && index == selected ? 'visible' : 'hidden'
              "
              width="100%"
              justifyContent="space-between"
            >
              <MDRipple (tap)="onMinus(item)">
                <Label
                  color="black"
                  text="&#xf068;"
                  class="nt-icon fas sd-icon m-l-10 p-10"
                ></Label>
              </MDRipple>

              <Label
                [text]="counter"
                width="35"
                textWrap="true"
                class="font-weight-bold black m-x-auto text-center"
              ></Label>

              <MDRipple (tap)="onAdd(item)">
                <Label
                  text="&#xf067;"
                  color="black"
                  class="nt-icon fas sd-icon m-r-10 p-10"
                ></Label>
              </MDRipple>
            </FlexboxLayout>
          </StackLayout>
        </MDCardView>
      </ng-template>

      <ng-template tkListViewHeader>
        <StackLayout class="p-5 bg-body">
          <MDCardView
            *ngIf="isOffer"
            class="bg-blue white"
            borderRadius="2"
            height="75"
            (tap)="onNavItemTapFast('/rewards')"
          >
            <GridLayout columns="*, 120">
              <StackLayout col="0">
                <Label
                  text="Canjea tus puntos"
                  class="font-weight-bold not-dimension"
                ></Label>
                <Label
                  class="not-dimension"
                  text="Usa tus puntos para llevarte el premio que tu elijas."
                  textWrap="true"
                ></Label>
              </StackLayout>
              <StackLayout col="1">
                <Image
                  height="100%"
                  src="~/images/gift.png"
                  loadMode="async"
                  stretch="none"
                ></Image>
              </StackLayout>
            </GridLayout>
          </MDCardView>

          <!-- Seccion de pedidos frecuentes -->
          <StackLayout height="180" *ngIf="isFrequent">
            <Label
              text="Pedidos frecuentes"
              class="m-y-5 font-weight-bold"
            ></Label>
            <RadListView
              height="140"
              [items]="products"
              separatorColor="transparent"
            >
              <ng-template let-item="item" let-index="index">
                <MDCardView
                  backgroundColor="white"
                  borderRadius="2"
                  class="m-5"
                  rippleColor="transparent"
                >
                  <StackLayout>
                    <Label
                      text="No. 8999"
                      class="font-weight-bold not-dimension"
                    ></Label>
                    <Label text="3 productos" class="not-dimension"></Label>
                    <Label text="10/02/20" class="not-dimension"></Label>
                    <StackLayout class="hr"></StackLayout>
                    <Label
                      text="Replicar pedido"
                      class="text-center  not-dimension"
                    ></Label>
                  </StackLayout>
                </MDCardView>
              </ng-template>
              <ListViewLinearLayout
                tkListViewLayout
                scrollDirection="Horizontal"
              >
              </ListViewLinearLayout>
            </RadListView>
          </StackLayout>
        </StackLayout>
        <!-- Fin del template -->
      </ng-template>

      <ListViewGridLayout
        tkListViewLayout
        scrollDirection="Vertical"
        ios:itemHeight="240"
        spanCount="2"
      >
      </ListViewGridLayout>
    </RadListView>