Navbar doesn't show in Iphone X testflight

Ionic Framework ionic-v3
1

Hi Guys, in Android works fine, emulating in iphone x Xcode working fine too.
But I’m having this trouble when run in Iphone X in testflight
Some pages doesnt show ion navbar (header)

Anyone had this problem?

thanks
Iphone X

CD9B37A4-D939-4FDD-BAD0-74FCE15A4352
CD9B37A4-D939-4FDD-BAD0-74FCE15A4352.jpg945×2048 102 KB

Android

59
WhatsApp Image 2019-08-01 at 10.54.59.jpeg540×1170 45 KB 

    @ionic/cli-utils  : 1.19.3
    ionic (Ionic CLI) : 3.20.1

global packages:

    cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1) 

local packages:

    @ionic/app-scripts : 3.2.4
    Cordova Platforms  : ios 4.5.5
    Ionic Framework    : ionic-angular 3.9.8

System:

    ios-deploy : 1.9.4 
    Node       : v10.16.0
    npm        : 6.9.0 
    OS         : macOS
    Xcode      : Xcode 10.2.1 Build version 10E1001 

Environment Variables:

    ANDROID_HOME : not set

Misc:

    backend : pro

package.json

{
  "name": "extratoApp",
  "version": "0.0.1",
  "author": "Ionic Framework",
  "homepage": "http://ionicframework.com/",
  "private": true,
  "scripts": {
    "clean": "ionic-app-scripts clean",
    "build": "ionic-app-scripts build",
    "lint": "ionic-app-scripts lint",
    "ionic:build": "ionic-app-scripts build",
    "ionic:serve": "ionic-app-scripts serve"
  },
  "dependencies": {
    "@agm/core": "^1.0.0-beta.0",
    "@angular/animations": "^5.2.3",
    "@angular/common": "5.0.3",
    "@angular/compiler": "5.0.3",
    "@angular/compiler-cli": "5.0.3",
    "@angular/core": "5.0.3",
    "@angular/forms": "5.0.3",
    "@angular/http": "5.0.3",
    "@angular/platform-browser": "5.0.3",
    "@angular/platform-browser-dynamic": "5.0.3",
    "@ionic-native/android-full-screen": "^4.5.3",
    "@ionic-native/app-version": "^4.5.3",
    "@ionic-native/badge": "^4.7.0",
    "@ionic-native/camera": "^4.5.3",
    "@ionic-native/clipboard": "^4.5.2",
    "@ionic-native/core": "4.4.0",
    "@ionic-native/facebook": "^4.5.3",
    "@ionic-native/file": "^4.5.2",
    "@ionic-native/file-transfer": "^4.5.2",
    "@ionic-native/geolocation": "^4.5.3",
    "@ionic-native/google-maps": "^4.8.0",
    "@ionic-native/http": "^4.5.2",
    "@ionic-native/in-app-browser": "^4.5.3",
    "@ionic-native/keyboard": "^4.5.3",
    "@ionic-native/network": "^4.5.3",
    "@ionic-native/onesignal": "^4.7.0",
    "@ionic-native/social-sharing": "^4.6.0",
    "@ionic-native/splash-screen": "4.4.0",
    "@ionic-native/status-bar": "4.4.0",
    "@ionic/storage": "^2.1.3",
    "angular-svg-round-progressbar": "^1.2.1",
    "brmasker-ionic-3": "^1.0.3",
    "build": "0.1.4",
    "cordova": "^8.1.2",
    "cordova-android": "^7.0.0",
    "cordova-browser": "^5.0.4",
    "cordova-clipboard": "^1.1.1",
    "cordova-custom-config": "^5.0.3",
    "cordova-ios": "^4.5.5",
    "cordova-plugin-advanced-http": "^1.9.1",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-badge": "^0.8.7",
    "cordova-plugin-camera": "^4.0.3",
    "cordova-plugin-device": "^1.1.4",
    "cordova-plugin-facebook4": "git+https://github.com/amritk/cordova-plugin-facebook4.git",
    "cordova-plugin-fcm-plus": "git+https://github.com/guyromb/cordova-plugin-fcm-plus.git",
    "cordova-plugin-file": "^6.0.1",
    "cordova-plugin-geolocation": "^4.0.1",
    "cordova-plugin-googlemaps": "^2.4.2",
    "cordova-plugin-inappbrowser": "^2.0.2",
    "cordova-plugin-ionic-keyboard": "2.1.3",
    "cordova-plugin-ionic-webview": "^1.1.16",
    "cordova-plugin-ios-localized-strings": "^1.0.6",
    "cordova-plugin-network-information": "^2.0.1",
    "cordova-plugin-splashscreen": "^4.0.3",
    "cordova-plugin-statusbar": "^2.4.1",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-plugin-x-socialsharing": "^5.3.2",
    "cordova-sqlite-storage": "^2.2.0",
    "cordova-support-google-services": "^1.1.0",
    "es6-promise-plugin": "^4.2.2",
    "fast-sha256": "^1.1.0",
    "ionic": "^3.20.1",
    "ionic-angular": "^3.9.5",
    "ionic2-date-picker": "^1.1.0",
    "ionicons": "3.0.0",
    "is": "^3.3.0",
    "js-yaml": "^3.12.2",
    "jsonwebtoken": "^8.1.0",
    "jsrsasign": "^8.0.4",
    "libphonenumber-js": "^1.0.24",
    "ng2-currency-mask": "^4.4.1",
    "onesignal-cordova-plugin": "~2.3.3",
    "purge": "^1.0.0",
    "rxjs": "5.5.2",
    "sw-toolbox": "3.6.0",
    "zone.js": "^0.8.18"
  },
  "devDependencies": {
    "@ionic/app-scripts": "^3.2.3",
    "@ionic/lab": "1.0.11",
    "typescript": "2.4.2"
  },
  "description": "An Ionic project",
  "cordova": {
    "plugins": {
      "cordova-plugin-whitelist": {},
      "cordova-plugin-device": {},
      "cordova-plugin-splashscreen": {},
      "cordova-plugin-ionic-webview": {},
      "cordova-plugin-facebook4": {
        "APP_ID": "x",
        "APP_NAME": "x"
      },
      "cordova-sqlite-storage": {},
      "cordova-plugin-network-information": {},
      "cordova-clipboard": {},
      "cordova-plugin-advanced-http": {},
      "cordova-plugin-statusbar": {},
      "cordova-custom-config": {},
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-geolocation": {},
      "cordova-plugin-x-socialsharing": {},
      "onesignal-cordova-plugin": {},
      "cordova-plugin-badge": {},
      "cordova-plugin-camera": {},
      "cordova-plugin-ios-localized-strings": {
        "MAIN_LANGUAGE": "pt-BR",
        "ADDITIONAL_LANGUAGES": "pt-BR"
      },
      "cordova-plugin-googlemaps": {
        "API_KEY_FOR_ANDROID": "x",
        "API_KEY_FOR_IOS": "x",
        "LOCATION_ALWAYS_USAGE_DESCRIPTION": "Este aplicativo quer obter sua localização para garantir a segurança da conta.",
        "LOCATION_WHEN_IN_USE_DESCRIPTION": "Este aplicativo quer obter sua localização para garantir a segurança da conta.",
        "PLAY_SERVICES_VERSION": "15.0.1",
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-ionic-keyboard": {}
    },
    "platforms": [
      "browser",
      "android",
      "ios"
    ]
  }
}
1 Like
2

Can you provide your app.component.ts?

2 Likes
3 
import { NotificationsProvider } from './../providers/notifications/notifications';

import { Component, ViewChild } from '@angular/core';
import { Nav, Platform, Events } from 'ionic-angular';
import { StatusBar } from '@ionic-native/status-bar';
import { SplashScreen } from '@ionic-native/splash-screen';

import { UiNotificationProvider } from '../providers/ui-notification/ui-notification';
import { OneSignal, OSDisplayType } from '@ionic-native/onesignal';
import { Notification } from '../models/notification.model';
import { Badge } from '@ionic-native/badge';

@Component({
	templateUrl: 'app.html'
})
export class MyApp {
	@ViewChild(Nav) nav: Nav;

	rootPage: any = 'LoginPage';

	pages: Array<{ title: string, component: any }>;

	device_id: string;

	constructor(
		public platform: Platform,
		public statusBar: StatusBar,
		public splashScreen: SplashScreen,
		public uiNotification: UiNotificationProvider,
		public notificationProvider: NotificationsProvider,
		private onesignal: OneSignal,
		private events: Events,
		private badge:Badge
	) {
		this.initializeApp();

		// used for an example of ngFor and navigation
		this.pages = [
			{ title: 'Home', component: 'HomePage' },
			{ title: 'Extrato', component: 'ExtratoPage' },
			{ title: 'Saldo', component: 'SaldoPage' }
		];
	}

	initializeApp() {
		this.platform.ready().then(() => {

			this.statusBar.styleDefault();
			this.splashScreen.hide();

			this.onesignal.startInit("x",
				"Cloudbreak");

			this.onesignal.inFocusDisplaying(OSDisplayType.None);

			this.onesignal.getIds().then((id) => {
				this.device_id = id.userId;
			});

			this.onesignal.handleNotificationOpened().subscribe((notification) => {
				let notif: Notification = {
					title: notification.notification.payload.title,
					body: notification.notification.payload.body
				}

				this.badge.increase(1).then(() => {
					this.notificationProvider.addNotification(notif);
					this.events.publish('notification');
				});
				
			});

			this.onesignal.handleNotificationReceived().subscribe((notification) => {
				let notif: Notification = {
					title: notification.payload.title,
					body: notification.payload.body
				}

				this.badge.increase(1).then(() => {
					this.notificationProvider.addNotification(notif);
					this.events.publish('notification');
				});
				
			});

			this.onesignal.endInit();

		});
	}



	openPage(page) {
		this.nav.setRoot(page.component);
	}
}
1 Like
4

no one can help me? pleaseeeeeeeeeeeeeeeeeeee

1 Like
5

I have the same bug.