Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 71531 articles
Browse latest View live

Life cycle hooks of children page of tabs doesn't fire when navigate to non-tab pages

$
0
0

I created a project with a tabs template ( eg. tab1 and tab2). when I tried to navigate from tab1 to another non-tab page, the ionViewWillLeave and ionViewDidLeave in tab1.page.ts didn’t fire, while the hooks in tabs.page.ts fired.
How can the hooks of children pages fire when navigating to non-tab pages?

1 post - 1 participant

Read full topic


Datetime-button in a form, how to start with empty value?

$
0
0

I’m trying to have a form with a date.
Initially, the date is empty, but the picker date is the min date value.

I want to start without a selected date so the user must select one.
Is there any easy way to do it?

I tried to replace the date slot with “Select a date” text if “form. Date === undefined” but I still have the time slot there.
If I “presentation” prop to “date”, I see only the date button, but it’s stays that way and doesn’t change even if I change presentation value.

1 post - 1 participant

Read full topic

Cant using swiper.js in the new version in Ionic with angular

$
0
0

Hey guys,

I have a problem using swiper in ionic v7.1.3. I’m following the suggestions in the guide Migrating from ion-slides to Swiper.js in the documentation, but I can’t solve my problem.

I want to create custom navigation buttons that interact with the swiper-container, so I can’t insert the behavior inside the buttons using a call to swiper.slideNext(), there is no error when I call it, but nothing happens.

Here is my code:

import { Component, ElementRef, OnInit, ViewChild } from '@angular/core';
import { HeaderType } from 'src/app/Interfaces/Header';
import Swiper from 'swiper';

@Component({
  selector: 'app-atividades-execucao',
  templateUrl: './atividades-execucao.page.html',
  styleUrls: ['./atividades-execucao.page.scss'],
})
export class AtividadesExecucaoPage implements OnInit {
  readonly headerType : HeaderType = HeaderType.childPage;
  @ViewChild('swiper') swiperRef: ElementRef | undefined;
  swiper?: Swiper;

  constructor() { }

  ngOnInit() {}

  ngAfterViewInit(){}

  swiperReady(){
    this.swiper = this.swiperRef?.nativeElement.swiper;
  }

  swiperSlideChanged(e: any) {
    console.log('changed: ', e);
  }
 
  goNext() {
    if (this.swiper) {
      this.swiper.slideNext(200);
      return
    }
  }
 
  goPrev() {
    if (this.swiper) {
      console.log('prev')
      this.swiper.slidePrev(200);
      return
    }
    console.log('Não entrou no if')
  }
}

And, the template:

<ion-header>
  <ion-toolbar color="primary">
    <ion-title> Ionic Swiper </ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="goPrev()">
        <ion-icon slot="icon-only" name="arrow-back"></ion-icon>
      </ion-button>
      <ion-button (click)="goNext()">
        <ion-icon slot="icon-only" name="arrow-forward"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content>
  <swiper-container
    #swiper
    (swiperafterinit)="swiperReady()"
    (swiperslidechange)="swiperSlideChanged($event)"
    [pagination]="true"
    [navigation]="true">
    <swiper-slide>
      <ion-img [src]="'../../../assets/images/pessoas-idade-robusta-caminhando-parque.png'"></ion-img>
    </swiper-slide>
    <swiper-slide>
      <ion-img [src]="'../../../assets/images/pessoas-idade-robusta-caminhando-parque.png'"></ion-img>
    </swiper-slide>
    <swiper-slide>
      <ion-img [src]="'../../../assets/images/pessoas-idade-robusta-caminhando-parque.png'"></ion-img>
    </swiper-slide>
  </swiper-container>
</ion-content>

Please, i need a help about this issue. Thank you.

1 post - 1 participant

Read full topic

Why is the spawn error: unknownn child process at a path

$
0
0

Pls I’ve been try to run an app I cloned from a GitHub repo and I keep getting this error.Pls how do I resolve it?

1 post - 1 participant

Read full topic

Can't upgrade capacitor 3 to 4 with command

$
0
0

I installed
npm i -D @capacitor/cli@latest
but package.json 's capacitor’s version is same.

and I command npc cap migrate
then error occurs saying
Migrate can only be used on capacitor 4 and above, please use the CLI in Capacitor 4 to upgrade to 4 first

my package.json

{
“name”: “xxx”,
“version”: “0.0.1”,
“author”: “Ionic Framework”,
“homepage”: “https://ionicframework.com/”,
“scripts”: {
“add-ios”: “NODE_ENV=ios ionic capacitor add ios”,
“add-android”: “NODE_ENV=android ionic capacitor add android”,
“set-projects-android”: “npx trapeze run trapeze-android.yml -y”,
“set-projects-ios”: “npx trapeze run trapeze-ios.yml -y”,
“set-assets-android”: “cordova-res android --skip-config --copy”,
“set-assets-ios”: “cordova-res ios --skip-config --copy”,
“copy-assets-android”: “npx recursive-copy platformConfigurement/android android -w”,
“copy-assets-ios”: “npx recursive-copy platformConfigurement/ios ios -w”,
“clean-build-android”: “npx rimraf android && npm run add-android && npm run set-projects-android && npm run set-assets-android && npm run copy-assets-android”,
“clean-build-ios”: “npx rimraf ios && npm run add-ios && npm run set-projects-ios && npm run set-assets-ios && npm run copy-assets-ios”,
“build-android”: “npm run clean-build-android && ionic capacitor build android”,
“build-ios”: “npm run clean-build-ios && ionic capacitor build ios”,
“build-android-prod”: “npm run clean-build-android && ionic capacitor build android --prod”,
“build-ios-prod”: “npm run clean-build-ios && ionic capacitor build ios --prod”
},
“private”: true,

“dependencies”: {
@angular/cdk”: “^13.3.7”,
@angular/common”: “~13.2.2”,
@angular/core”: “~13.2.2”,
@angular/forms”: “~13.2.2”,
@angular/platform-browser”: “~13.2.2”,
@angular/platform-browser-dynamic”: “~13.2.2”,
@angular/router”: “~13.2.2”,
@awesome-cordova-plugins/core”: “^5.43.0”,
@awesome-cordova-plugins/email-composer”: “^5.43.0”,
@awesome-cordova-plugins/in-app-browser”: “^5.44.0”,
@awesome-cordova-plugins/social-sharing”: “^5.44.0”,
@capacitor-community/admob”: “^3.2.0”,
@capacitor-community/apple-sign-in”: “^1.0.1”,
@capacitor-community/facebook-login”: “^3.4.0”,
@capacitor/android”: “3.8.0”,
@capacitor/app”: “1.1.1”,
@capacitor/camera”: “^1.3.1”,
@capacitor/core”: “^3.9.0”,
@capacitor/haptics”: “1.1.4”,
@capacitor/ios”: “3.8.0”,
@capacitor/keyboard”: “1.2.2”,
@capacitor/splash-screen”: “^1.2.2”,
@capacitor/status-bar”: “1.0.8”,
@capacitor/storage”: “^1.2.5”,
@ionic-native/core”: “^5.36.0”,
@ionic-native/in-app-purchase-2”: “^5.36.0”,
@ionic/angular”: “^6.0.0”,
@trapezedev/configure”: “^3.0.2”,
@trapezedev/project”: “^3.0.2”,
“capacitor-kakao-plugin”: “^1.0.2”,
“cordova-plugin-inappbrowser”: “^5.0.0”,
“cordova-plugin-x-socialsharing”: “^6.0.3”,
“cordova-res”: “^0.15.4”,
“recursive-copy-cli”: “^1.0.20”,
“rxjs”: “~6.6.0”,
“swiper”: “^8.2.4”,
“tslib”: “^2.2.0”,
“zone.js”: “~0.11.4”
},
“devDependencies”: {
@angular-devkit/build-angular”: “~13.2.3”,
@angular-eslint/builder”: “~13.0.1”,
@angular-eslint/eslint-plugin”: “~13.0.1”,
@angular-eslint/eslint-plugin-template”: “~13.0.1”,
@angular-eslint/template-parser”: “~13.0.1”,
@angular/cli”: “~13.2.3”,
@angular/compiler”: “~13.2.2”,
@angular/compiler-cli”: “~13.2.2”,
@angular/language-service”: “~13.2.2”,
@capacitor/cli”: “^5.5.1”,
@ionic/angular-toolkit”: “^6.0.0”,
@ionic/lab”: “3.2.11”,
@types/jasmine”: “~3.6.0”,
@types/jasminewd2”: “~2.0.3”,
@types/node”: “^12.11.1”,
@typescript-eslint/eslint-plugin”: “5.3.0”,
@typescript-eslint/parser”: “5.3.0”,
“cordova-plugin-androidx-adapter”: “^1.1.3”,
“cordova-plugin-device”: “^1.1.4”,
“cordova-plugin-email-composer”: “github:katzer/cordova-plugin-email-composer”,
“cordova-plugin-file”: “^6.0.2”,
“cordova-plugin-file-transfer”: “^1.7.1”,
“cordova-plugin-ionic-webview”: “^4.1.3”,
“cordova-plugin-nativestorage”: “^2.3.2”,
“cordova-plugin-payment-iap”: “^2.0.52”,
“cordova-plugin-purchase”: “13.0”,
“cordova-plugin-splashscreen”: “^4.0.3”,
“cordova-plugin-statusbar”: “^2.2.2”,
“cordova-promise-polyfill”: “0.0.2”,
“es6-promise-plugin”: “^4.2.2”,
“eslint”: “^7.6.0”,
“eslint-plugin-import”: “2.22.1”,
“eslint-plugin-jsdoc”: “30.7.6”,
“eslint-plugin-prefer-arrow”: “1.2.2”,
“eslint-plugin-prettier”: “^4.0.0”,
“ionic-plugin-keyboard”: “^2.2.1”,
“jasmine-core”: “~3.8.0”,
“jasmine-spec-reporter”: “~5.0.0”,
“karma”: “~6.3.2”,
“karma-chrome-launcher”: “~3.1.0”,
“karma-coverage”: “~2.0.3”,
“karma-coverage-istanbul-reporter”: “~3.0.2”,
“karma-jasmine”: “~4.0.0”,
“karma-jasmine-html-reporter”: “^1.5.0”,
“protractor”: “~7.0.0”,
“ts-node”: “~8.3.0”,
“typescript”: “~4.4.4”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-camera”: {
“ANDROIDX_CORE_VERSION”: “1.8.0”,
“CAMERA_USAGE_DESCRIPTION”: “your usage message”
},
“cordova-plugin-device”: {},
“cordova-plugin-email-composer”: {},
“cordova-plugin-file”: {},
“cordova-plugin-file-transfer”: {},
“cordova-plugin-inappbrowser”: {},
“cordova-plugin-nativestorage”: {},
“cordova-plugin-payment-iap”: {},
“cordova-plugin-splashscreen”: {},
“cordova-plugin-statusbar”: {},
“cordova-plugin-x-socialsharing”: {},
“ionic-plugin-keyboard”: {},
“cordova-plugin-ionic-webview”: {},
“cordova-plugin-androidx-adapter”: {},
“cordova-plugin-purchase”: {}
},
“platforms”:
}
}

2 posts - 2 participants

Read full topic

Ionic Capacitor Docker

$
0
0

I am developing an Ionic Capacitor app within a Docker container. I manage to create a container with its dependencies correctly. Follow this tutorial: text

I am able to connect the Android device using adb so that it is detected from within the container. Follow this tutorial: text

Great, I manage to run ionic cap run --external. This launches the webView at a URL (xxx.net), which works perfectly.

My issue arises when I try to use --livereload. Upon entering this command (ionic cap run --external), it launches the webView at the container’s IP address (e.g., 172.0.0.2) and returns ERR_ADDRESS_UNREACHABLE. When I run this command on my physical machine, it works perfectly.

So the issue seems to be a connection problem between the container and my physical machine (using that IP), as entering http://localhost:8100 in the browser resolves it, but http://172.0.0.2:8100 does not.

I’m not very familiar with Docker, I’ve tried initializing the container with docker run --network=“host”, docker run -p 8100:8100, and I’ve also attempted to ping when I launch the app. For example, I launch the app on my physical machine and ping from the Docker container, and it works, but the other way around doesn’t.

Sorry for my English level.

Regards.

I was hoping to use live reload in the App container. I’ve been able to achieve this with Ionic Cordova, but not with Capacitor.

1 post - 1 participant

Read full topic

Issue in cordova plugin ionic-native/downloader/ngx

$
0
0

import { Downloader, DownloadRequest, NotificationVisibility } from ‘@ionic-native/downloader/ngx’;

const url = this.violationVideosPath + this.violation_video;
var request: DownloadRequest = {
uri: url,
title: ‘MyDownload’,
description: ‘’,
mimeType: ‘’,
visibleInDownloadsUi: true,
notificationVisibility: NotificationVisibility.VisibleNotifyCompleted,
destinationInExternalFilesDir: {
dirType: ‘Downloads’,
subPath: ‘MyFile.mp4’
}
};

  this.downloader.download(request)
    .then((location: string) => {
      console.log('File downloaded at:' + location)
      this.toastService.showSuccess("Video downloaded successfully","success")
    })
    .catch((error: any) => {
      console.error(error)
    }
    );

i am using this plugin to download the file in mobile here I am getting this path “file:///storage/emulated/0/Android/data/io.vms.app/files/Downloads/MyFile.mp4”
but I am not able to see this path in my mobile app, it is not creating any path in mobile,
can any one please help me with this and here I need to use only cordova plugin

Thank you

1 post - 1 participant

Read full topic

Error when uploading a video to my server from my mobile application

$
0
0

I am facing difficulties while attempting to upload a video to my server from my application. Currently, I am using the @capacitor-community/camera-preview plugin to record videos. Once the recording is complete, I get the video path, for example, “/data/user/0/com.example/cache/videoTmp_2.mp4”. However, I have encountered issues when trying to upload this video. I have tried various approaches, such as reading the file with @capacitor/filesystem and converting it to base64. Unfortunately, the conversion has not been successful and seems impossible to achieve. Additionally, when using filesystem, permission errors arise despite having the necessary permissions to implement it on Android. I haven’t tested it on iOS yet, but I assume I might face a similar problem.

My permissions in the manifest file are as follows:

<uses-permission android:name="android.permission.CAMERA" />
<uses-permission android:name="android.permission.RECORD_AUDIO" />
<uses-permission android:name="android.permission.MODIFY_AUDIO_SETTINGS"/>
<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>
<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.READ_MEDIA_IMAGES" />
<uses-permission android:name="android.permission.READ_MEDIA_VIDEO" />
<uses-permission android:name="android.permission.READ_MEDIA_AUDIO" />

I would appreciate any guidance on how I can resolve this issue and send the video to my server using an HTTP POST request. I am eager to hear your insights!

1 post - 1 participant

Read full topic


How do I start Capacitor

$
0
0

Hello, I am a React developer and I want to use capacitor, but I don’t know where to start.
Which part of the document is complete? Where are the React capacitor plugins?
Where is the training course?
If I am going to use a capacitor, then what is react ionic?
I’m really confused :frowning:

1 post - 1 participant

Read full topic

Ion select option with long text hides selection dot

$
0
0

Hello, I am rendering an array of emails and some that are very long cause me to break the element.

it seems like this:
it’s not what i want

expected result


(note that with some spaces it works well)

quiero que esté con wrap si es largo o con overflow elipsis.

              <ion-select label="Select your driver" placeholder="Email">
                <ion-select-option>
                  verylongemailwithoutspaces@gmail.com
                </ion-select-option>
              </ion-select>

i’ve tried some special scss withotus good results

// Force text-wrap on <ion-select-option>'s when shown in an Ionic Alert
ion-alert.select-alert {
    // These widths are pretty arbitrary, so you're use-case(s) could required different widths:
    --width: 33vw !important;
    --max-width: 66vw !important;

    .select-interface-option .alert-radio-label,
    .select-interface-option .alert-checkbox-label {
        white-space: normal !important;
    }
}
.alert-radio-label.sc-ion-alert-md {
    white-space: normal !important;
}
.mat-select-panel mat-option.mat-option {
    height: unset;
}

.mat-option-text.mat-option-text {
    white-space: normal;
}

.mat-select-panel mat-option.mat-option {
    margin: 1rem 0;
    overflow: visible;
    line-height: initial;
    word-wrap: break-word;
    white-space: pre-wrap;
}

.mat-option-text.mat-option-text {
    white-space: normal;
}

.alert-radio-label.sc-ion-alert-md,
.alert-radio-label.sc.ion-alert-ios {
    white-space: normal;
}

.alert-tappable.alert-radio {
    height: auto;
    contain: content;
}

what should i do?

ionic v7

1 post - 1 participant

Read full topic

How to get redirected using res.redirect in expressJS with deeplinks

$
0
0

Hope you’re doing fine, I’m new to the ionic world so please bare with me.

I’m trying to register with google ouath as you can this is my function after i authenticate with google

I’m trying to get redirected to login page so i can proceed the authentication process.
my custom name is guestApp, then i added this to my config.xml
image
then injected deeplinks in constructor and added this to handle the token from the url in ngOninit

guys in here you can see that i’m in the success endpoint and the token is generated

now i want to get back to my loginPage please any help would be appreciated thanks

1 post - 1 participant

Read full topic

Superapps for Simplified Mergers & Acquisitions

Ionic change causes css to stop working - any way to modify shadow dom to fix it?

$
0
0

I have an app built originally with Ionic 6, but has very recently been upgraded to Ionic 7. I have a number of select boxes that I have styled with the text displayed to the left and the arrow to the right.

This was fine until I just the other day when I upgraded to Ionic 7.6.0 and suddenly the arrow was being shown directly after the text despite my css formatting which had previously worked fine.

Some research indicated this to be caused by a change to Ionic two weeks ago where slots were added to among other things, ion-select (feat(input, textarea, select): add start and end slots by amandaejohnston · Pull Request #28583 · ionic-team/ionic-framework · GitHub). The change added a new div with a class called select-wrapper-inner which I can no longer modify (don’t now how to) to fill the entire space available.

I was previously using this css in my .page.scss file to expand the container part, but this no longer works.

.value-child-select {
  flex: 1;
  display: flex;
  ...
 
  &::part(container) {
    width: 100%;
  }
}

This new div was unfortunately implemented without a part attribute which would have made this an easy situation to fix. I could have overridden that part element as well.

Does anyone know if it possible to add css to my code that will modify the shadow dom for select-wrapper-inner class? If I do this and manually set the width to 100% in developer tools in the browser, I get the desired effect. Unfortunately, I don’t know if it’s possible in my local css code or the global.scss file. Any suggestions?

1 post - 1 participant

Read full topic

Best School in Hisar

$
0
0

In the educational landscape of Hisar, Haryana, Modern Defence School has emerged as the epitome of academic brilliance and holistic development, rightfully earning its title as the Best School in Hisar. From its inception, the school has strived for excellence, creating an environment that fosters learning, character-building, and a global perspective.

Academic Excellence:

At the core of Modern Defence School’s success lies its unwavering commitment to academic excellence. The curriculum is thoughtfully designed to align with national educational standards while incorporating innovative teaching methodologies. The school’s faculty comprises experienced educators who are not only well-qualified but also dedicated to nurturing the intellectual curiosity of their students.

Modern Defence School follows a comprehensive approach to education, offering a diverse range of subjects encompassing science, mathematics, humanities, and more. Regular assessments, interactive classroom sessions, and hands-on learning opportunities contribute to the academic success of students, preparing them for the challenges of higher education and beyond.

Holistic Development:

Modern Defence School recognizes that education goes beyond textbooks and examinations. The school places a strong emphasis on holistic development, understanding that a well-rounded individual excels not only academically but also in various facets of life. Extracurricular activities play a pivotal role in this aspect, providing students with opportunities to explore their talents and interests.

Whether it’s participating in sports, cultural events, or clubs, students at Modern Defence School engage in activities that promote teamwork, leadership, and creativity. This holistic approach ensures that students not only excel academically but also develop essential life skills that contribute to their overall growth.

State-of-the-Art Infrastructure:

The physical environment in which education takes place plays a crucial role in shaping the learning experience. Modern Defence School boasts state-of-the-art infrastructure, creating a conducive atmosphere for education. From modern classrooms equipped with interactive smart boards to well-equipped laboratories and a vast library, the school provides students with the resources needed for a comprehensive learning journey.

The emphasis on maintaining a clean, aesthetically pleasing campus adds to the positive educational experience. The school understands that a well-maintained environment contributes to a student’s overall well-being and focus on learning.

Dedicated Faculty:

A school is only as strong as its faculty, and Modern Defence School takes pride in its team of dedicated educators. More than just teachers, they serve as mentors, guiding students through their academic journey and providing valuable insights beyond the curriculum. The faculty-student ratio is carefully maintained to ensure personalized attention, allowing teachers to understand and address the unique learning needs of each student.

Professional development is a priority for the faculty at Modern Defence School. By staying updated on the latest educational trends and methodologies, teachers can deliver a dynamic and relevant learning experience to their students.

Values and Discipline:

Education at Modern Defence School extends beyond academic achievements to shape responsible and ethical individuals. The school places a strong emphasis on instilling core values such as integrity, empathy, and social responsibility. The disciplined environment at the school, guided by well-defined codes of conduct, contributes to a focused and positive atmosphere conducive to learning.

Global Perspective:

In an era where global awareness is essential, Modern Defence School ensures that students are equipped with a global perspective. The curriculum incorporates international elements, exposing students to diverse cultures, ideas, and perspectives. This prepares them to navigate an interconnected world, fostering a sense of cultural sensitivity and adaptability.

Conclusion:

Modern Defence School in Hisar has rightfully earned its reputation as the best school in the region through its unwavering commitment to academic excellence, holistic development, and a global perspective. The school’s modern infrastructure, dedicated faculty, values, and discipline contribute to creating a learning environment that not only prepares students for academic success but also shapes them into responsible and well-rounded individuals ready to face the challenges of the future. Choosing Modern Defence School is an investment in a child’s comprehensive development and a pathway to a brighter future.

1 post - 1 participant

Read full topic

Ionic, SEO and link

$
0
0

Hello,

I am using ionic to create a website. I am using a lot of ionic components, especially buttons.

When you use a button you use the click event, consequently, I suppose, the crawler (Google) doesn’t see the link.

What is the correct method to improve the crawling ?

ps : I am not talking about ssr with is something else and seems to be useless with Google.

2 posts - 1 participant

Read full topic


PWA software update (Angulars swUpdate) - Hash mismatch!

$
0
0

Hello,

I implemented Angular swUpdate for automatic detection and installation of new versions of my PWA (Angular checking for updates). Here is the output of my app flow. After uploading all files of the www-directory (ionic build --prod) swUpdate detects a new version, but it recognizes a hash mismatch for the file combined.js after “cache busting”

2023-12-13 12:00:25 info: WebWorkerService initialize() evt type:  ["VERSION_DETECTED"]
2023-12-13 12:00:25 info: WebWorkerService Downloading new app version: b78a9060ba37a0038dace631b0ad1f7a8bcb848b 
2023-12-13 12:00:27 info: WebWorkerService initialize() evt type:  ["VERSION_INSTALLATION_FAILED"]
2023-12-13 12:00:27 info: WebWorkerService Failed to install app version 'b78a9060ba37a0038dace631b0ad1f7a8bcb848b': Hash mismatch (cacheBustedFetchFromNetwork): https://<mytestdomain>/combined-sw.js: expected 94ee71dff0bdb40066dfd2f27870a117b4cf6ef5, got 6b6d9a707ed3914a7ee51e349d06dbda64079ebf (after cache busting)
Error: Hash mismatch (cacheBustedFetchFromNetwork): https://<mytestdomain>/combined-sw.js: expected 94ee71dff0bdb40066dfd2f27870a117b4cf6ef5, got 6b6d9a707ed3914a7ee51e349d06dbda64079ebf (after cache busting)
    at PrefetchAssetGroup.cacheBustedFetchFromNetwork (https://<mytestdomain>/ngsw-worker.js:479:21)
    at async PrefetchAssetGroup.fetchFromNetwork (https://<mytestdomain>/ngsw-worker.js:454:19)
    at async PrefetchAssetGroup.fetchAndCacheOnce (https://<mytestdomain>/ngsw-worker.js:433:21)
    at async https://<mytestdomain>/ngsw-worker.js:538:9

The file ngsw.json lists all files with the corresponding hashes, e.g. for combined.js

   [...]
    "/combined-sw.js": "94ee71dff0bdb40066dfd2f27870a117b4cf6ef5",
   [...]

Does anyone have an explanation as to why a different hash value is determined during installation than the one specified in the file?

If my question is not correct in this section, please let me know where my question would be better placed.

1 post - 1 participant

Read full topic

How to use Ionic with Astro?

$
0
0

Hi Community,

is there any good tutorial or best practices how to use Ionic Components with Astro?

Best Regards,
Marius

1 post - 1 participant

Read full topic

Zebra Datawedge package

$
0
0

Hello :),

I have to develop an app with capacitor on Zebra scan device, but on the following ionic documentation:

But the current package @ionic-enterprise/zebra-scanner is no longer available.

Any suggestion?

thank in advance

1 post - 1 participant

Read full topic

Build ionic5 app (moodle)

$
0
0

Hi,

I want to build the moodle app (GitHub - moodlehq/moodleapp: The Moodle App) using AppFlow. It uses ionic5 (cordova).

It fails to do so, because the app needs node 14, which does not seem to be available. I tried to override the node version using an environment, but this ends up with:

[WARNING] Node version 14 is not available: using default version

My Idea would be to run the ionic build on my gitlab CI, push that to a custom repo and let AppFlow somehow build on this. Is this possible?

Other suggestions welcome :slight_smile:

1 post - 1 participant

Read full topic

Need Help Fixing Status Bar Overlapping Issue in Ionic React iOS

$
0
0

Hello everyone,

I hope you’re doing well. I’m encountering an issue with my Ionic React application specifically on iOS devices where the status bar overlaps with my content. I’ve tried various approaches, but haven’t found a suitable solution yet.

Description of the problem:

  • Platform: iOS
  • Framework: Ionic React
  • Issue: Status bar overlapping content

I’ve already attempted:

  • Adjusting CSS properties related to the status bar and content layout.
  • Exploring Ionic and React documentation for specific iOS-related fixes.
  • Implementing various plugins or native solutions.

However, none of these attempts have resolved the problem satisfactorily.

Would anyone be able to provide guidance, tips, or a potential solution to resolve this issue? Any insights, code snippets, or experiences you can share would be greatly appreciated.

Thank you very much in advance for your time and assistance.

1 post - 1 participant

Read full topic

Viewing all 71531 articles
Browse latest View live


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