Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 230426 articles
Browse latest View live

Deep linking - Supported web addresses Auto Enable

$
0
0

I added Android deep linking, but it’s not enabled by default. I have to enable it manually in settings.I want it to be enabled automatically.

already Add Intent Filter

            <intent-filter>
                <action android:name="android.intent.action.MAIN" />
                <category android:name="android.intent.category.LAUNCHER" />
            </intent-filter>
            <intent-filter android:autoVerify="true">
                <action android:name="android.intent.action.VIEW" />
                <category android:name="android.intent.category.DEFAULT" />
                <category android:name="android.intent.category.BROWSABLE" />
                <data android:host="xxx.xxx.com" android:scheme="https" />
            </intent-filter>

How to Disable Ionic CLI Update Notification in Version 3.20.0 When Running on Docker

$
0
0

Thank you for your response! I’ll give it a try and see how it works.

ionItemReorder event not triggering

$
0
0

If ionItemReorder isn’t triggering, try:

:white_check_mark: Adding @ionItemReorder="handleReorder" in <ion-reorder-group>.
:white_check_mark: Ensuring event.detail.complete() is called:

javascript

CopyEdit

const handleReorder = (event) => {
    console.log("Reordered:", event.detail);
    event.detail.complete();
};

Also, pin "ionic": "8.4.2" in package.json instead of "^8.4.2".

Just like debugging requires attention to detail, seeking clarity in life matters too. You might find Surah Al-Kahf insightful. Hope this helps!

Detect if Dark Mode is Actually Active (not preference)

$
0
0

There are various strategies for applying “darkmode” css to an app. It could be hardcoded or it could be based on the user’s “system” preference or it could be toggled via JavaScript.

There are many posts online about how to detect the browser/system preference but how can we know if darkmode is actually currently active (regardless the preference)?

I don’t see anything in the DOM, classname or otherwise called “dark” which we could query.

Google Play Store ANR Report - Chromium-TrichromeWebViewGoogle

$
0
0

I got the email from google stating a crash in the app which is affecting the user and it is related to ANR and when i check the log it is related to Chromium-TrichromeWebViewGoogle but on my end i am not facing any crash or the app to hang.

ionItemReorder event not triggering

$
0
0

Sorry, but did you read the conversation? I tried the basic example from ionic and in there, the @ionItemReorder event and handleReorder function, but the event didnt get triggered. And your last part of your comment ist repeating, what dolthead said. Next to that, you are sharing a weird link… I dont know about this one

ADAPUNDI WHATSAPP Resmi: 0821-2676-1949

$
0
0

:loudspeaker:NO LAYANAN ATAU CUSTOMER CARE ADAPUNDI Adalah Wa: 0821.26761949. Layanan Ini melayani berbagai Keluhan Terkait Pinjaman baik mau bayar atau Mau batal sampai mau Ajukan Pinjam. TIDAK MELAYANI PANGGILAN TELEPON

Ionic camera with overlays - camera view is black

$
0
0

Try adding this to global.scss:

scss

CopyEdit

body.camera-active {
  --background: transparent;
  --ion-background-color: transparent;
}

Then, add the class when the camera is active:

typescript

CopyEdit

document.body.classList.add('camera-active');

It should resolve the black screen issue.


Best Practices for Optimizing Ionic App Performance?

$
0
0

Hey everyone,

I’m currently working on an Ionic app and trying to improve its performance, particularly in terms of loading times and responsiveness. While the app functions well, I’ve noticed some sluggishness when navigating between pages and rendering complex UI elements.

Here are a few specific areas where I’d love some advice:

  1. Lazy Loading & Routing: I’ve implemented lazy loading for pages, but are there any additional best practices or common pitfalls I should watch out for?
  2. Handling Large Lists: The app requires displaying long lists of data. I’m using ion-virtual-scroll, but I’ve read that it has some limitations. Are there better alternatives or techniques for managing large datasets efficiently?
  3. Reducing App Bundle Size: I want to keep my APK/IPA as lightweight as possible. What are the best strategies for optimizing assets, dependencies, and reducing overall app size?
  4. Performance Monitoring: Are there any recommended tools or plugins to profile and monitor an Ionic app’s performance in real time?
  5. Optimizing Animations & Transitions: I’ve noticed that certain animations (especially complex ones) feel jittery. Would you recommend using Ionic’s built-in animation utilities, or should I explore external libraries like GSAP or Lottie?

Any insights, best practices, or real-world experiences you can share would be greatly appreciated! Looking forward to learning from the community.

I also checked this: https://forum.ionicframework.com/t/managing-memory-best-practices-in-lazy-loaded-app/python

Thanks in advance!

Setup Jest in Angular 14 + Ionic 6 project

$
0
0

At my case a similar solution solve the error

I add the ignore Pattern at jest.config, then solves the jest error

transformIgnorePatterns: [
'node_modules/(?!(@stencil|@ionic|@ionic/angular|@ionic/core|jose|@angular|.*\\.mjs$))',
],

Android build error after Capacitor 6 to 7 upgrade

Deep linking - Supported web addresses Auto Enable

Android build error after Capacitor 6 to 7 upgrade

$
0
0

Awesome, thank you for this, I didn’t see that ticket, glad it’s not just me that this is affect! :grimacing:

The workaround suggested in that ticket has helped, thanks! :pray:

Web Server Cache Issue with Ionic App

$
0
0

I got it working, I had comment out
// “extractCss”: true,

And then ran ionic build --configuration=production

Unifying Plugins across Ionic and OutSystems

$
0
0

Originally published at: Unifying Plugins across Ionic and OutSystems - Ionic Blog

One of the more exciting aspects of Ionic joining OutSystems was comparing our portfolios of supported plugins. Does Ionic provide functionality OutSystems is missing? Does OutSystems have plugins without a Capacitor equivalent? How do we bring the best of both worlds to OutSystems’ low-code and Ionic’s open-source communities? Some decisions were easy. For instance, Ionic…


Updating Ionic Capacitor project to work with new ios privacy manifest requirements

$
0
0

I’m a bit lost here and need some guidance. Also willing to pay for some assistance.

I need to meet the new Privacy Manifest requirements as I fail for 11 of the SDKs, so I am updating my project which has been a nightmare as I have limited time.

I have already updated firebase and Angular fire and then had to update Angular to v16 plus updated several other packages. I updated Capacitor from 5 to 5.7.8.
I can’t update to Capacitor 6 as I need @pantrist/capacitor-firebase-dynamic-links": “^5.0.1”

I’m using the Ionic Vscode extension and it has not recommended that I add a Privacy Manifest yet.

How can I tell what packages I need to update based on the SDK’s mentioned in the rejection email from the app store?

I would update everything to the latest version but I am trying to minimize breaking changes.
Another option is to create a new project from scratch with the latest versions of everything and copy my ionic/angular code over but I think this would be a lot more work.

Packages:

"dependencies": {
    "@angular/animations": "^16.2.12",
    "@angular/cdk": "^16.2.14",
    "@angular/common": "^16.2.12",
    "@angular/core": "^16.2.12",
    "@angular/fire": "^16.0.0",
    "@angular/forms": "^16.2.12",
    "@angular/material": "^16.2.14",
    "@angular/platform-browser": "^16.2.12",
    "@angular/platform-browser-dynamic": "^16.2.12",
    "@angular/router": "^16.2.12",
    "@capacitor-community/fcm": "^5.0.2",
    "@capacitor-community/firebase-analytics": "^5.0.1",
    "@capacitor-community/stripe": "^5.2.0",
    "@capacitor/android": "^5.7.8",
    "@capacitor/app": "^5.0.8",
    "@capacitor/core": "^5.7.8",
    "@capacitor/device": "^5.0.8",
    "@capacitor/ios": "^5.7.8",
    "@capacitor/keyboard": "^5.0.6",
    "@capacitor/network": "^5.0.6",
    "@capacitor/push-notifications": "^5.1.0",
    "@capacitor/screen-orientation": "^5.0.7",
    "@capacitor/splash-screen": "^5.0.6",
    "@capacitor/status-bar": "^5.0.6",
    "@fortawesome/angular-fontawesome": "^0.13.0",
    "@fortawesome/fontawesome-svg-core": "^6.7.2",
    "@fortawesome/free-brands-svg-icons": "^6.7.2",
    "@fortawesome/free-regular-svg-icons": "^6.7.2",
    "@fortawesome/free-solid-svg-icons": "^6.7.2",
    "@ionic-native/app-availability": "^5.31.1",
    "@ionic-native/clipboard": "^5.31.1",
    "@ionic-native/core": "^5.31.1",
    "@ionic-native/file": "^5.36.0",
    "@ionic-native/ionic-webview": "^5.36.0",
    "@ionic-native/launch-navigator": "^5.31.1",
    "@ionic-native/mobile-accessibility": "^5.31.1",
    "@ionic-native/screen-orientation": "^5.31.1",
    "@ionic-native/splash-screen": "^5.31.1",
    "@ionic-native/status-bar": "^5.31.1",
    "@ionic/angular": "^6.4.2",
    "@ionic/storage-angular": "^4.0.0",
    "@pantrist/capacitor-firebase-dynamic-links": "^5.0.1",
    "@sentry/angular-ivy": "^7.102.1",
    "@types/googlemaps": "^3.43.3",
    "@types/hammerjs": "^2.0.39",
    "@types/stripe-v3": "^3.1.23",
    "@usermaven/sdk-js": "^1.3.3",
    "angular-animations": "^0.11.0",
    "canvas-confetti": "^1.9.2",
    "capacitor-ios-autofill-save-password": "^2.0.0",
    "compare-versions": "^3.6.0",
    "cordova-clipboard": "^1.3.0",
    "cordova-plugin-actionsheet": "^2.3.3",
    "cordova-plugin-appavailability": "^0.4.2",
    "cordova-plugin-device": "git+https://github.com/apache/cordova-plugin-device.git",
    "cordova-plugin-dialogs": "^2.0.2",
    "cordova-plugin-file": "^6.0.2",
    "cordova-plugin-network-information": "git+https://github.com/apache/cordova-plugin-network-information.git",
    "cordova-plugin-screen-orientation": "^3.0.2",
    "es6-promise-plugin": "^4.2.2",
    "firebase": "^11.3.1",
    "hammerjs": "^2.0.8",
    "i": "^0.3.7",
    "i18n-iso-countries": "^4.3.1",
    "moment": "^2.29.1",
    "moment-timezone": "^0.5.40",
    "ng-lazyload-image": "^9.1.3",
    "ngx-build-plus": "^16.0.0",
    "ngx-pipes": "^3.2.2",
    "ngx-spinner": "^16.0.2",
    "npm": "^10.4.0",
    "phonegap-plugin-mobile-accessibility": "^1.0.5",
    "rxjs": "^6.5.3",
    "sweetalert2": "^8.19.0",
    "swiper": "^11.2.4",
    "tslib": "^2.4.1",
    "uk.co.workingedge.phonegap.plugin.launchnavigator": "^5.0.5",
    "uninstall": "^0.0.0",
    "voucher-code-generator": "^1.1.1",
    "zone.js": "~0.13.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^16.2.16",
    "@angular/cli": "^16.2.16",
    "@angular/compiler": "^16.2.12",
    "@angular/compiler-cli": "^16.2.12",
    "@angular/language-service": "^16.2.12",
    "@bahmutov/cy-grep": "^1.8.0",
    "@capacitor/cli": "^5.7.8",
    "@cypress/xpath": "^2.0.3",
    "@firebase/testing": "^0.20.11",
    "@ionic/angular-toolkit": "^2.3.0",
    "@ionic/lab": "3.2.10",
    "@types/cypress": "^1.1.3",
    "@types/moment-timezone": "^0.5.30",
    "@types/node": "^12.19.15",
    "autoprefixer": "^10.2.5",
    "codelyzer": "^6.0.0",
    "cypress": "^13.5.0",
    "flex-gap-polyfill": "^2.2.1",
    "patch-package": "^8.0.0",
    "postcss": "^8.2.10",
    "postcss-import": "^12.0.1",
    "postcss-loader": "^4.2.0",
    "postcss-scss": "^3.0.5",
    "protractor": "~7.0.0",
    "replace-in-file": "^5.0.2",
    "ts-node": "~8.3.0",
    "tslint": "~6.1.0",
    "typescript": "^4.9.3"
  },

SDK’s mention in email from app store:

Frameworks/Capacitor.framework/Capacitor
Frameworks/Cordova.framework/Cordova
Frameworks/FBLPromises.framework/FBLPromises
Frameworks/FirebaseCore.framework/FirebaseCore
Frameworks/FirebaseCoreDiagnostics.framework/FirebaseCoreDiagnostics
Frameworks/FirebaseDynamicLinks.framework/FirebaseDynamicLinks
Frameworks/FirebaseInstallations.framework/FirebaseInstallations
Frameworks/FirebaseMessaging.framework/FirebaseMessaging
Frameworks/GoogleDataTransport.framework/GoogleDataTransport
Frameworks/GoogleUtilities.framework/GoogleUtilities
Frameworks/nanopb.framework/nanopb

Email from app store repeated this 11 times for the SDK’s:
ITMS-91061: Missing privacy manifest - Your app includes “Frameworks/Capacitor.framework/Capacitor”, which includes Capacitor, an SDK that was identified in the documentation as a commonly used third-party SDK. If a new app includes a commonly used third-party SDK, or an app update adds a new commonly used third-party SDK, the SDK must include a privacy manifest file. Please contact the provider of the SDK that includes this file to get an updated SDK version with a privacy manifest. For more details about this policy, including a list of SDKs that are required to include signatures and manifests, visit: Third-party SDK requirements - Support - Apple Developer.

Issue with Ngx-Formly use to Ionic 8

$
0
0

Hi everyone,


I recently started a new Ionic Angular project using Ionic 8 and integrated the latest version of Ngx-Formly. However, I’m facing compilation errors related to Formly’s Radio Component, which depends on RadioValueAccessor. It seems this has been removed in Ionic 8.

I’m already using the native ion-radio component and have extended it in the FieldType class. Also, I’m not using Formly-Ionic components anywhere, yet I still encounter this error.

Here are the dependencies in my project:

@ngx-formly/core”: “^6.3.12”,
@ngx-formly/ionic”: “^6.3.12”,
@ngx-formly/schematics”: “^6.3.12”,
@ionic/angular”: “^8.3.1”,
@angular/cli”: “^18.0.0”

Updating Ionic Capacitor project to work with new ios privacy manifest requirements

$
0
0

maybe i’m wrong, but i think the only way is updating to the latest version

Bun support for ionic CLI

$
0
0

its already mentioned in issue #5093, and a pull request #5097 has been created

However, seems the CLI is not actively maintained. A temp work around is to modify ~/.bun/install/global/node_modules/@ionic/cli/lib/utils/npm.js

add the bun case in the switch statement:

switch (npmClient) {
    // other cases ... //
    case 'bun':
        vocab = { run: 'run', install: 'i', bareInstall: 'i', uninstall: 'uninstall', dedupe: 'dedupe', rebuild: 'rebuild', global: '-g', save: '--save', saveDev: '-D', saveExact: '-E', nonInteractive: '', lockFileOnly: '--package-lock-only' };
        break;
    // other cases ... //

Updating Ionic Capacitor project to work with new ios privacy manifest requirements

Viewing all 230426 articles
Browse latest View live


<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>