Unsure you can achieve that with iOS and also there is no straight forward path for that in Android via Ionic.
I think you would be better off writing your app as native Android for such use case.

Can you please tell me about your experience sir. Then only i can easily convey my manager with these replies.

Thank you for you reply.

I’ve created a page where the list of followers will be visible I’m getting those values from the array and using a flag I’m changing the state of a button using Ngif it works fine in emulator and on web but when I’m building it on mobile it is not working fine can I know why ??

you can see my code here

i am a app software developer u can hire me for you software solution resource .

website www.doomshell.com

Hello,

My ionic App takes 60 secs or more to load on first time, The app hang after leaving Splashscreen, I can’t click or type the email and password on the sign-in page for a minute, after this the app works fine, app has a lot of images and use JSON response. Any ideas how to reduce the load time?

Ionic Info:

Ionic:

Ionic CLI : 5.4.5 (C:\Users\Admin\AppData\Roaming\npm\node_modules\ionic)
Ionic Framework : ionic-angular 3.9.2
@ionic/app-scripts : 3.2.4

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : android 6.3.0
Cordova Plugins : cordova-plugin-ionic-webview 1.2.1, (and 17 other plugins)

System:

NodeJS : v12.13.0 (C:\Program Files (x86)\nodejs\node.exe)
npm : 6.12.0
OS : Windows 10

Thanks
shubham

Hi all,
I want to create an app to connect IOT devices using Bluetooth & WIFI.(in same network).
please help, which Bluetooth & WIFI plugin is suitable for this application.

Ionic DevApp has been removed from Apple App Store, what app is replacing it?

I’ve tried Ionic Creator but that doesn’t seems to support “ionic serve -c --address=0.0.0.0 -l” apps.

Thanks,

mdj

I am using Ionic 4 with Capacitor and i am trying to use custom app icon and splash image.
So, i use Capacitor Resources (https://www.npmjs.com/package/capacitor-resources) to generate those image files. But when i try to ionic build --prod, npx cap copy android those custom image did not copy to the android folder, it still remain the default icon.

Is there any config can solve this, i don’t want to replace it one be one in the android folder.

Config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget android-versionCode="20005" id="net.printix.printixapp" version="2.0.4" xmlns="http://www.w3.org/ns/widgets" xmlns:android="http://schemas.android.com/apk/res/android" xmlns:cdv="http://cordova.apache.org/ns/1.0">
    <name>Printix App</name>
    <description>Printix app for managing print jobs</description>
    <author email="info@printix.net" href="http://printix.net/">Printix</author>
    <content src="index.html" />
    <access origin="*" />
    <allow-navigation href="http://localhost:8080/*" />
    <allow-navigation href="http://ionic.local/*" />
    <allow-navigation href="http://*/*" />
    <allow-navigation href="https://*/*" />
    <allow-intent href="http://*/*" />
    <allow-intent href="https://*/*" />
    <allow-navigation href="*" />
    <platform name="android">
        <allow-intent href="market:*" />
        <preference name="AndroidPersistentFileLocation" value="Compatibility" />
        <preference name="loadUrlTimeoutValue" value="700000" />
        <splash density="ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
        <splash density="land-ldpi" src="resources/android/splash/drawable-land-ldpi-screen.png" />
        <splash density="land-mdpi" src="resources/android/splash/drawable-land-mdpi-screen.png" />
        <splash density="land-hdpi" src="resources/android/splash/drawable-land-hdpi-screen.png" />
        <splash density="land-xhdpi" src="resources/android/splash/drawable-land-xhdpi-screen.png" />
        <splash density="land-xxhdpi" src="resources/android/splash/drawable-land-xxhdpi-screen.png" />
        <splash density="land-xxxhdpi" src="resources/android/splash/drawable-land-xxxhdpi-screen.png" />
        <splash density="port-ldpi" src="resources/android/splash/drawable-port-ldpi-screen.png" />
        <splash density="port-mdpi" src="resources/android/splash/drawable-port-mdpi-screen.png" />
        <splash density="port-hdpi" src="resources/android/splash/drawable-port-hdpi-screen.png" />
        <splash density="port-xhdpi" src="resources/android/splash/drawable-port-xhdpi-screen.png" />
        <splash density="port-xxhdpi" src="resources/android/splash/drawable-port-xxhdpi-screen.png" />
        <splash density="port-xxxhdpi" src="resources/android/splash/drawable-port-xxxhdpi-screen.png" />
        <icon qualifier="ldpi" src="resources/android/icon/drawable-ldpi-icon.png" />
        <icon qualifier="mdpi" src="resources/android/icon/drawable-mdpi-icon.png" />
        <icon qualifier="hdpi" src="resources/android/icon/drawable-hdpi-icon.png" />
        <icon qualifier="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png" />
        <icon qualifier="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png" />
        <icon qualifier="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.png" />
    </platform>
    <platform name="ios">
        <config-file parent="ITSAppUsesNonExemptEncryption" platform="ios" target="*-Info.plist">
            <false />
        </config-file>
        <preference name="UseSwiftLanguageVersion" value="4.2" />
        <allow-intent href="itms:*" />
        <allow-intent href="itms-apps:*" />
        <icon height="57" src="resources/ios/icon/icon.png" width="57" />
        <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" />
        <icon height="40" src="resources/ios/icon/icon-40.png" width="40" />
        <icon height="80" src="resources/ios/icon/icon-40@2x.png" width="80" />
        <icon height="120" src="resources/ios/icon/icon-40@3x.png" width="120" />
        <icon height="50" src="resources/ios/icon/icon-50.png" width="50" />
        <icon height="100" src="resources/ios/icon/icon-50@2x.png" width="100" />
        <icon height="60" src="resources/ios/icon/icon-60.png" width="60" />
        <icon height="120" src="resources/ios/icon/icon-60@2x.png" width="120" />
        <icon height="180" src="resources/ios/icon/icon-60@3x.png" width="180" />
        <icon height="72" src="resources/ios/icon/icon-72.png" width="72" />
        <icon height="144" src="resources/ios/icon/icon-72@2x.png" width="144" />
        <icon height="76" src="resources/ios/icon/icon-76.png" width="76" />
        <icon height="152" src="resources/ios/icon/icon-76@2x.png" width="152" />
        <icon height="167" src="resources/ios/icon/icon-83.5@2x.png" width="167" />
        <icon height="29" src="resources/ios/icon/icon-small.png" width="29" />
        <icon height="58" src="resources/ios/icon/icon-small@2x.png" width="58" />
        <icon height="87" src="resources/ios/icon/icon-small@3x.png" width="87" />
        <splash height="1136" src="resources/ios/splash/Default-568h@2x~iphone.png" width="640" />
        <splash height="1334" src="resources/ios/splash/Default-667h.png" width="750" />
        <splash height="2208" src="resources/ios/splash/Default-736h.png" width="1242" />
        <splash height="1242" src="resources/ios/splash/Default-Landscape-736h.png" width="2208" />
        <splash height="1536" src="resources/ios/splash/Default-Landscape@2x~ipad.png" width="2048" />
        <splash height="2048" src="resources/ios/splash/Default-Landscape@~ipadpro.png" width="2732" />
        <splash height="768" src="resources/ios/splash/Default-Landscape~ipad.png" width="1024" />
        <splash height="2048" src="resources/ios/splash/Default-Portrait@2x~ipad.png" width="1536" />
        <splash height="2732" src="resources/ios/splash/Default-Portrait@~ipadpro.png" width="2048" />
        <splash height="1024" src="resources/ios/splash/Default-Portrait~ipad.png" width="768" />
        <splash height="960" src="resources/ios/splash/Default@2x~iphone.png" width="640" />
        <splash height="480" src="resources/ios/splash/Default~iphone.png" width="320" />
        <icon height="1024" src="resources/ios/icon/icon-1024.png" width="1024" />
        <splash height="2732" src="resources/ios/splash/Default@2x-universal-anyany.png" width="2732" />
        <splash height="2732" src="resources/ios/splash/Default@2x~universal~anyany.png" width="2732" />
    </platform>
    <preference name="AndroidLaunchMode" value="singleTask" />
    <preference name="webviewbounce" value="false" />
    <preference name="UIWebViewBounce" value="false" />
    <preference name="DisallowOverscroll" value="true" />
    <preference name="android-minSdkVersion" value="23" />
    <preference name="BackupWebStorage" value="none" />
    <preference name="SplashMaintainAspectRatio" value="true" />
    <preference name="FadeSplashScreenDuration" value="300" />
    <preference name="SplashScreen" value="screen" />
    <preference name="AutoHideSplashScreen" value="false" />
    <preference name="ShowSplashScreenSpinner" value="false" />
    <preference name="SplashScreenDelay" value="0" />
    <preference name="SplashShowOnlyFirstTime" value="false" />
    <preference name="deployment-target" value="11.0" />
    <feature name="StatusBar">
        <param name="ios-package" onload="true" value="CDVStatusBar" />
    </feature>
    <allow-navigation href="http://192.168.0.147:8101" />
    <allow-navigation href="http://192.168.0.147:8100" />
    <allow-navigation href="http://169.254.109.61:8100" />
    <allow-navigation href="http://169.254.88.131:8100" />
    <allow-navigation href="http://169.254.224.59:8100" />
    <allow-navigation href="http://169.254.211.225:8100" />
    <allow-navigation href="http://192.168.1.36:8100" />
    <allow-navigation href="http://169.254.144.90:8100" />
    <allow-navigation href="http://169.254.45.49:8100" />
    <allow-navigation href="http://10.25.171.246:8100" />
    <allow-navigation href="http://169.254.187.223:8100" />
    <allow-navigation href="http://169.254.43.21:8100" />
    <allow-navigation href="http://169.254.82.192:8100" />
    <allow-navigation href="http://169.254.117.228:8100" />
    <allow-navigation href="http://169.254.81.214:8100" />
    <allow-navigation href="http://100.64.13.24:8100" />
    <allow-navigation href="http://169.254.210.215:8100" />
    <allow-navigation href="http://169.254.67.189:8100" />
    <allow-navigation href="http://169.254.95.239:8100" />
    <allow-navigation href="http://169.254.122.120:8100" />
    <allow-navigation href="http://192.168.1.38:8100" />
    <allow-navigation href="http://192.168.1.37:8100" />
    <allow-navigation href="http://169.254.151.190:8100" />
    <plugin name="cordova-plugin-network-information" spec="~2.0.1" />
    <plugin name="cordova-plugin-statusbar" spec="~2.4.1" />
    <plugin name="ionic-plugin-keyboard" spec="~2.2.1" />
    <plugin name="cordova-plugin-vibration" spec="^3.1.0" />
    <plugin name="cordova-plugin-whitelist" spec="~1.3.3" />
    <plugin name="cordova-plugin-add-swift-support" spec="~2.0.1" />
    <plugin name="cordova-plugin-qrscanner" spec="~2.6.1" />
    <plugin name="cordova-sqlite-storage" spec="~3.2.0" />
    <plugin name="cordova-plugin-inappbrowser" spec="^3.0.0" />
    <plugin name="cordova-plugin-safariviewcontroller" spec="^1.5.4" />
    <plugin name="ionic-plugin-deeplinks" spec="^1.0.19">
        <variable name="URL_SCHEME" value="printixapp" />
        <variable name="DEEPLINK_SCHEME" value="https" />
        <variable name="DEEPLINK_HOST" value="auth.printix.net" />
        <variable name="ANDROID_PATH_PREFIX" value="/" />
        <variable name="ANDROID_2_PATH_PREFIX" value="/" />
        <variable name="ANDROID_3_PATH_PREFIX" value="/" />
        <variable name="ANDROID_4_PATH_PREFIX" value="/" />
        <variable name="ANDROID_5_PATH_PREFIX" value="/" />
        <variable name="DEEPLINK_2_SCHEME" value=" " />
        <variable name="DEEPLINK_2_HOST" value=" " />
        <variable name="DEEPLINK_3_SCHEME" value=" " />
        <variable name="DEEPLINK_3_HOST" value=" " />
        <variable name="DEEPLINK_4_SCHEME" value=" " />
        <variable name="DEEPLINK_4_HOST" value=" " />
        <variable name="DEEPLINK_5_SCHEME" value=" " />
        <variable name="DEEPLINK_5_HOST" value=" " />
    </plugin>
    <allow-navigation href="http://192.168.0.134:8100" />
    <plugin name="cordova-plugin-device" spec="^2.0.2" />
    <allow-navigation href="http://10.101.1.188:8100" />
    <allow-navigation href="http://192.168.0.133:8100" />
    <allow-navigation href="http://192.168.0.135:8100" />
    <allow-navigation href="http://192.168.1.85:8100" />
    <plugin name="cordova-plugin-market" spec="^1.2.0" />
    <plugin name="cordova-plugin-screen-orientation" spec="^3.0.2" />
    <plugin name="cordova-plugin-file" spec="^6.0.2" />
    <allow-navigation href="http://10.101.1.189:8100" />
    <plugin name="cordova-plugin-email-composer" spec="^0.9.2">
        <variable name="ANDROID_SUPPORT_V4_VERSION" value="27.+" />
    </plugin>
    <plugin name="cordova-plugin-zip" spec="^3.1.0" />
    <allow-navigation href="http://169.254.171.161:8100" />
    <plugin name="cordova-plugin-splashscreen" spec="^5.0.3" />
    <allow-navigation href="http://10.108.1.183:8100" />
    <allow-navigation href="http://172.20.10.9:8100" />
    <allow-navigation href="http://169.254.177.254:8100" />
    <engine name="browser" spec="5.0.4" />
    <allow-navigation href="http://192.168.8.109:8100" />
</widget>

Hi.

I am trying to wrap my cordova plugin with ionic native. I see that you can bind to the next() and error(), but how i bind to the completion function?

I am going to migrate a project from ionic 3/angular 5 to Ionic4/Angular 7. Is there a way to the cli generate angular7 dependencies instead angular8 on ionic start as first step of migration?
Thanks

it’s ok now!
the raison is that ionic 4 structure’s project is different from that of ionic 3 whitch has such structure

Hi @C_shubham,
This could be because you are calling many services after the login I believe.
Can you check with lazy load concepts(something similar to this but not exact one). And try to get all the images from backend… Don’t store/load it in assets/or in app memory.

That could be because if suppose inside a div if u put a button if div size is limited then it can be an issue because of the real device screen resolution. So , try to move the click event to a div rather than inside the button.

I am using below code to load my mp3 files

this.nativeAudio.preloadSimple(‘sound2’, ‘assets/sound2.mp3’.then(() => {
console.log(‘preload success’)
}, (err) => {
console.log(err);
});

However i get a error when preload the mp3 java.io.FileNotFoundException: www/assets/sound2.mp3
I am sure the sound2.mp3 is placed in both /src/assets/sound2.mp3 and www/assets/sound2.mp3
Anyone got any ideas on it?

I switched over to the Firebase Messaging plugin for this reason - https://ionicframework.com/docs/native/firebase-messaging

Hi,
I’m currently using the toastController to create a toast this way:

this.toastController.create({
      message: '<span style="color: red">Be careful, </span>' + 'you do not have any access here.',
      animated: true,
      cssClass: 'custom-white-font',
      color: 'success',
      position: 'top'
    }).then(toast => toast.present());

However, the style of the span inside the message isn’t used by the toast at all. It doesn’t even appear in the HTML page, except the span tag which stands alone with the text inside.
Did I miss something to get my css used? Or there is just not any way to add some css only in a part of the message?

Thank you.

I am working on ionic app . my goal is to take print after clicking when i receive a notification. i follow this https://ionicframework.com/docs/native/printer but getting this error https://prnt.sc/qrotm8 . i dont know what is the problem . my print code is

print() {
      this.printer.isAvailable();
      let options: PrintOptions = {
          name: 'MyDocument',
          duplex: true,
         // landscape: true,
         // grayscale: true
        };
      this.printer.print("http://google.com", options);

package.json file is
{
“name”: “printer”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “https://ionicframework.com/”,
“scripts”: {
“ng”: “ng”,
“start”: “ng serve”,
“build”: “ng build”,
“test”: “ng test”,
“lint”: “ng lint”,
“e2e”: “ng e2e”
},
“private”: true,
“dependencies”: {
“@angular/common”: “~8.1.2”,
“@angular/core”: “~8.1.2”,
“@angular/forms”: “~8.1.2”,
“@angular/platform-browser”: “~8.1.2”,
“@angular/platform-browser-dynamic”: “~8.1.2”,
“@angular/router”: “~8.1.2”,
“@ionic-native/barcode-scanner”: “^5.19.1”,
“@ionic-native/bluetooth-serial”: “^5.6.0”,
“@ionic-native/core”: “^5.19.1”,
“@ionic-native/file”: “^5.0.0-beta.21”,
“@ionic-native/file-opener”: “^5.0.0-beta.21”,
“@ionic-native/printer”: “^5.19.1”,
“@ionic-native/splash-screen”: “^5.0.0”,
“@ionic-native/status-bar”: “^5.0.0”,
“@ionic/angular”: “^4.7.1”,
“@types/dom-to-image”: “^2.6.0”,
“@types/jspdf”: “^1.3.3”,
“cordova-android”: “8.1.0”,
“cordova-plugin-file”: “^6.0.2”,
“cordova-plugin-file-opener2”: “^3.0.0”,
“cordova-plugin-printer”: “^0.8.0”,
“core-js”: “^2.5.4”,
“dom-to-image”: “^2.6.0”,
“ionic-angular”: “^3.9.9”,
“ionic-native”: “^2.9.0”,
“isiigo-cordova-plugin-printer”: “^1.0.4”,
“jspdf”: “^1.5.3”,
“rxjs”: “~6.5.1”,
“tslib”: “^1.9.0”,
“zone.js”: “~0.9.1”
},
“devDependencies”: {
“@angular-devkit/architect”: “~0.801.2”,
“@angular-devkit/build-angular”: “~0.801.2”,
“@angular-devkit/core”: “~8.1.2”,
“@angular-devkit/schematics”: “~8.1.2”,
“@angular/cli”: “~8.1.2”,
“@angular/compiler”: “~8.1.2”,
“@angular/compiler-cli”: “~8.1.2”,
“@angular/language-service”: “~8.1.2”,
“@ionic/angular-toolkit”: “^2.1.1”,
“@types/jasmine”: “~3.3.8”,
“@types/jasminewd2”: “~2.0.3”,
“@types/node”: “~8.9.4”,
“codelyzer”: “^5.0.0”,
“cordova-plugin-device”: “^2.0.2”,
“cordova-plugin-ionic-keyboard”: “^2.2.0”,
“cordova-plugin-ionic-webview”: “^4.1.3”,
“cordova-plugin-splashscreen”: “^5.0.2”,
“cordova-plugin-statusbar”: “^2.4.2”,
“cordova-plugin-whitelist”: “^1.3.3”,
“jasmine-core”: “~3.4.0”,
“jasmine-spec-reporter”: “~4.2.1”,
“karma”: “~4.1.0”,
“karma-chrome-launcher”: “~2.2.0”,
“karma-coverage-istanbul-reporter”: “~2.0.1”,
“karma-jasmine”: “~2.0.1”,
“karma-jasmine-html-reporter”: “^1.4.0”,
“protractor”: “~5.4.0”,
“ts-node”: “~7.0.0”,
“tslint”: “~5.15.0”,
“typescript”: “~3.4.3”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-whitelist”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-device”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-ionic-webview”: {
“ANDROID_SUPPORT_ANNOTATIONS_VERSION”: “27.+”
},
“cordova-plugin-ionic-keyboard”: {},
“cordova-plugin-file-opener2”: {
“ANDROID_SUPPORT_V4_VERSION”: “27.+”
},
“cordova-plugin-file”: {},
“cordova-plugin-printer”: {}
},
“platforms”: [
“android”
]
}
}

Any help would be appreciated . i am new and bit worried. trying tips since last day but same error

I found the solution. The problem was that I didn’t import ReativeModulesForm into home.module.ts! So silly and got me a hard time!

Hello yashwanth493,

I’ve tried to fix, all the images have been removed from the assets and the app has been created but the same problem has occurred.
Actually app run app.component.ts file works perfectly then stops responding for 30 seconds to 1 minute, after that app has done its job.