Hi if it possible to connect to Bluetooth Scanner and getting data ?

1 post - 1 participant

Read full topic

Is there a way to keep functions from one page running after switching to another page? For a very simple example, if I’m running a timer on page 1, is there a way to keep that timer running after I switch to page 2?

I have been storing the processed data from page 1 into local storage, then inject the same functions into page 2 and continue processing the locally stored data.

1 post - 1 participant

Read full topic

Problem with InsertBefore and scroll behavior inside ionic+angular

Ionic version:
5.3.4

Current behavior:
When Inserting an element using element.insertBefore() the container view will always try to go to top even if not asked to.

Expected behavior:
When inserting a new element while not being at the top scroll of the container (container.scrollTop > 0) the container view shouldn’t scroll back to top and keep its position regardless of elements being added on top.

Steps to reproduce:
use element.insertBefore()

Here is a repo to tryout the problem on iOS only for now
Repo showing the problem

Related code:

Other information:

I found a way to try to fix the issue but it’s not very good and I don’t recommend it :

Use gestures to scroll from one element to another and insert elements when the scroll is stopped, at the moment of inserting the element, take the actual scroll + the height of the element (el.getBoundingClientRect().height) and add it to present scrollTop of the container. This way every time an element is added ionic will scroll to top and we scroll back to the element. Controlling the scroll let us stop, insert, refresh scrolling, let user able to scroll again. BUT this wasn’t the wanted behavior.

Ionic info:

Ionic:

   Ionic CLI                     : 6.11.11 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.3.4
   @angular-devkit/build-angular : 0.1000.8
   @angular-devkit/schematics    : 10.0.8
   @angular/cli                  : 10.0.8
   @ionic/angular-toolkit        : 2.3.3

Capacitor:

   Capacitor CLI   : 2.4.2
   @capacitor/core : 2.4.2

Utility:

   cordova-res : not installed
   native-run  : not installed

System:

   NodeJS : v14.12.0 (/usr/local/bin/node)
   npm    : 6.14.8
   OS     : macOS Catalina

Regards.

1 post - 1 participant

Read full topic

Dear All,

I’ve the old project developed in ionic 3. Suddenly I’m unable to publish the mobile app to App store because ionic 3 to 5 version migration is mandatory.

We’ve started migrating 3 to 4 firstly based on the official document steps but we’ve faced a stuck in middle of migrations (compiler errors due to service provided aren’t compatible)

Contact ionic team, they’ve asked to create a paid account and contact.

We created a paid account (Launch plan) and contact again but now they’re asking to purchase Enterprise plan.

We dont know how to purchase the Enterprise plan, please advise!

Our development is hold for 1 month because of this.

Also anybody can advise how to contact the ionic team via Phone? No Contact number found by us

1 post - 1 participant

Read full topic

Hello everyone,
I am trying to make a routes creator with ionic, but i get stock with this. I am using ionic 5 with capacitor on android 10.
This is my code:

import { Component } from '@angular/core';
import {
  BackgroundGeolocation,
  BackgroundGeolocationConfig,
  BackgroundGeolocationEvents,
  BackgroundGeolocationResponse,
  BackgroundGeolocationLocationProvider
} from '@ionic-native/background-geolocation/ngx';

@Component({
  selector: 'app-home',
  templateUrl: 'home.page.html',
  styleUrls: ['home.page.scss'],
})
export class HomePage {

  location: BackgroundGeolocationResponse;

  config: BackgroundGeolocationConfig = {
    locationProvider: BackgroundGeolocationLocationProvider.DISTANCE_FILTER_PROVIDER,
    desiredAccuracy: 10,
    stationaryRadius: 20,
    distanceFilter: 0.1,
    interval: 1000,
    debug: false, //  enable this hear sounds for background-geolocation life-cycle.
    stopOnTerminate: true, // enable this to clear background location settings when the app terminates
  };

  constructor(private backgroundGeolocation: BackgroundGeolocation) {
    this.backgroundGeolocation.configure(this.config)
      .then(() => {
        this.backgroundGeolocation.on(BackgroundGeolocationEvents.location)
          .subscribe((location: BackgroundGeolocationResponse) => {
            console.log(location);
            this.location = location;
          })
      }).catch((error) => {
        console.error(error);
      });
      this.backgroundGeolocation.start();
  }


  startBackgroundLocation(){
    this.backgroundGeolocation.start();
  }

  ngOnDestroy() {
    this.backgroundGeolocation.stop();
  }

}

The thing is actually workin or its looks like because y the android studio terminal i am getting this :

D/com.tenforwardconsulting.bgloc.DistanceFilterLocationProvider: Location change: Location[gps 37,267922,-4,412952 hAcc=20 et=+12d18h59m5s236ms alt=498.593017578125 vel=0.0 vAcc=24 sAcc=1 bAcc=??? {Bundle[mParcelledData.dataSize=96]}] isMoving=true
D/com.marianhello.bgloc.service.LocationServiceImpl: New location BGLocation[gps 37,267922,-4,412952 id=null acc=20 t=1602590769000 et=+12d18h59m5s236ms alt=498.593017578125 vel=0.0 {Bundle[mParcelledData.dataSize=96]} locprov=0]
D/com.marianhello.bgloc.BackgroundGeolocationFacade: Received MSG_ON_LOCATION

Until I get this error:

E/Perf: Fail to get file list io.ionic.starter
E/Perf: getFolderSize() : Exception_1 = java.lang.NullPointerException: Attempt to get length of null array
    Fail to get file list io.ionic.starter
    getFolderSize() : Exception_1 = java.lang.NullPointerException: Attempt to get length of null array

The this is the suscription it’s not working so I cant get the data, and I really want to get a background geolocation to make routes. There is another way to do this?. I am making a mistake?.

Regards.

1 post - 1 participant

Read full topic

Hi,
I want to publish my app to android studio with “ionic cordova run android”, but this following error came:

(node:9072) Warning: To load an ES module, set “type”: “module” in the package.json or use the .mjs extension.
(Use node --trace-warnings ... to show where the warning was created)
C:\Users\user\AppData\Roaming\npm\node_modules\cordova\bin\cordova:22
import ‘loud-rejection/register’;
^^^^^^

SyntaxError: Cannot use import statement outside a module
at wrapSafe (internal/modules/cjs/loader.js:979:16)
at Module._compile (internal/modules/cjs/loader.js:1027:27)
at Object.Module._extensions…js (internal/modules/cjs/loader.js:1092:10)
at Module.load (internal/modules/cjs/loader.js:928:32)
at Function.Module._load (internal/modules/cjs/loader.js:769:14)
at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12)
at internal/main/run_main_module.js:17:47
[ERROR] An error occurred while running subprocess cordova.

    cordova.cmd platform add android --save exited with exit code 1.

    Re-running this command with the --verbose flag may provide more information.

How can I fix this?
Maybe the command “–verbose” helps?

1 post - 1 participant

Read full topic

After migration from Ionic 3 to Ionic 5, I cannot build the Android app with the native plugins.

Error

This project uses AndroidX dependencies, but the 'android.useAndroidX' property is not enabled. Set this property to true in the gradle.properties file and retry.

I don’t want to manipulate the platform files. It’s not tracked by git. But how to fix this.

Command

cordova run android

Log

Starting a Gradle Daemon, 1 incompatible and 1 stopped Daemons could not be reused, use --status for details
> Task :app:mergeDebugResources FAILED

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:mergeDebugResources'.
> This project uses AndroidX dependencies, but the 'android.useAndroidX' property is not enabled. Set this property to true in the gradle.properties file and retry.
  The following AndroidX dependencies are detected: 
  androidx.fragment:fragment:1.3.0-alpha08, 
  androidx.slidingpanelayout:slidingpanelayout:1.0.0, 
  androidx.versionedparcelable:versionedparcelable:1.1.0, 
  androidx.lifecycle:lifecycle-viewmodel-savedstate:2.3.0-alpha07, 
  androidx.annotation:annotation-experimental:1.0.0, 
  androidx.customview:customview:1.0.0, 
  androidx.swiperefreshlayout:swiperefreshlayout:1.0.0, 
  androidx.interpolator:interpolator:1.0.0, 
  androidx.loader:loader:1.0.0, 
  androidx.drawerlayout:drawerlayout:1.0.0, 
  androidx.activity:activity:1.2.0-alpha08, 
  androidx.collection:collection:1.1.0, 
  androidx.viewpager:viewpager:1.0.0, 
  androidx.lifecycle:lifecycle-common:2.3.0-alpha07, 
  androidx.savedstate:savedstate:1.1.0-alpha01, 
  androidx.localbroadcastmanager:localbroadcastmanager:1.0.0, 
  androidx.core:core:1.5.0-alpha02, 
  androidx.arch.core:core-common:2.1.0, 
  androidx.lifecycle:lifecycle-runtime:2.3.0-alpha07, 
  androidx.lifecycle:lifecycle-livedata-core:2.3.0-alpha07, 
  androidx.annotation:annotation:1.2.0-alpha01, 
  androidx.appcompat:appcompat:1.3.0-alpha02, 
  androidx.lifecycle:lifecycle-livedata:2.0.0, 
  androidx.legacy:legacy-support-core-ui:1.0.0, 
  androidx.lifecycle:lifecycle-viewmodel:2.3.0-alpha07, 
  androidx.appcompat:appcompat-resources:1.3.0-alpha02, 
  androidx.legacy:legacy-support-v4:1.0.0, 
  androidx.media:media:1.0.0, 
  androidx.arch.core:core-runtime:2.1.0, 
  androidx.legacy:legacy-support-core-utils:1.0.0, 
  androidx.documentfile:documentfile:1.0.0, 
  androidx.cursoradapter:cursoradapter:1.0.0, 
  androidx.vectordrawable:vectordrawable-animated:1.1.0, 
  androidx.coordinatorlayout:coordinatorlayout:1.0.0, 
  androidx.asynclayoutinflater:asynclayoutinflater:1.0.0, 
  androidx.vectordrawable:vectordrawable:1.1.0, 
  androidx.print:print:1.0.0

package.json

{
  "name": "my-apps",
  "version": "0.0.0",
  "private": true,
  "dependencies": {
    "@angular/animations": "~10.1.1",
    "@angular/common": "~10.1.1",
    "@angular/core": "~10.1.1",
    "@angular/forms": "~10.1.1",
    "@angular/platform-browser": "~10.1.1",
    "@angular/platform-browser-dynamic": "~10.1.1",
    "@angular/router": "~10.1.1",
    "@ionic-native/app-version": "^5.28.0",
    "@ionic-native/battery-status": "^5.28.0",
    "@ionic-native/ble": "^5.28.0",
    "@ionic-native/core": "^5.28.0",
    "@ionic-native/device": "^5.28.0",
    "@ionic-native/device-feedback": "^5.28.0",
    "@ionic-native/diagnostic": "^5.28.0",
    "@ionic-native/email-composer": "^5.28.0",
    "@ionic-native/geolocation": "^5.28.0",
    "@ionic-native/in-app-browser": "^5.28.0",
    "@ionic-native/insomnia": "^5.28.0",
    "@ionic-native/network": "^5.28.0",
    "@ionic-native/splash-screen": "^5.28.0",
    "@ionic-native/status-bar": "^5.28.0",
    "@ionic/angular": "^5.3.2",
    "@ionic/storage": "^2.3.1",
    "@ngx-translate/core": "^13.0.0",
    "@ngx-translate/http-loader": "^6.0.0",
    "rxjs": "~6.6.3",
    "tslib": "^2.0.1",
    "zone.js": "~0.10.3"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "~0.1001.1",
    "@angular/cli": "~10.1.1",
    "@angular/compiler": "~10.1.1",
    "@angular/compiler-cli": "~10.1.1",
    "@angular/language-service": "~10.1.1",
    "@ionic/angular-toolkit": "^2.3.3",
    "@prettier/plugin-xml": "^0.12.0",
    "@types/jest": "^26.0.13",
    "@types/node": "^12.11.1",
    "@typescript-eslint/eslint-plugin": "^4.2.0",
    "@typescript-eslint/parser": "^4.2.0",
    "codelyzer": "^6.0.0",
    "cordova-android": "^9.0.0",
    "cordova-plugin-app-version": "^0.1.9",
    "cordova-plugin-battery-status": "^2.0.3",
    "cordova-plugin-ble-central": "^1.2.5",
    "cordova-plugin-device": "^2.0.2",
    "cordova-plugin-email-composer": "^0.9.2",
    "cordova-plugin-geolocation": "^4.0.2",
    "cordova-plugin-inappbrowser": "^4.0.0",
    "cordova-plugin-insomnia": "^4.3.0",
    "cordova-plugin-ionic-keyboard": "^2.2.0",
    "cordova-plugin-ionic-webview": "^4.2.1",
    "cordova-plugin-network-information": "^2.0.2",
    "cordova-plugin-splashscreen": "^5.0.2",
    "cordova-plugin-statusbar": "^2.4.2",
    "cordova-plugin-velda-devicefeedback": "0.0.2",
    "cordova-plugin-whitelist": "^1.3.3",
    "cordova-sqlite-storage": "^5.1.0",
    "cordova.plugins.diagnostic": "^6.0.2",
    "eslint": "^7.10.0",
    "jest": "^26.4.2",
    "jest-preset-angular": "^8.3.1",
    "prettier": "^2.1.2",
    "ts-node": "~8.3.0",
    "typescript": "~3.9.5"
  },
  "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-sqlite-storage": {},
      "cordova-plugin-insomnia": {},
      "cordova-plugin-ble-central": {},
      "cordova.plugins.diagnostic": {
        "ANDROIDX_VERSION": "1.+"
      },
      "cordova-plugin-inappbrowser": {},
      "cordova-plugin-geolocation": {},
      "cordova-plugin-battery-status": {},
      "cordova-plugin-velda-devicefeedback": {},
      "cordova-plugin-app-version": {},
      "cordova-plugin-email-composer": {
        "ANDROID_SUPPORT_V4_VERSION": "27.+"
      },
      "cordova-plugin-network-information": {}
    },
    "platforms": [
      "android"
    ]
  }
}

config.xml

<?xml version='1.0' encoding='utf-8'?>
<widget id="com.my.app" version="0.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
  <name>MyApp</name>
  <description>Demo</description>
  <author email="me@localhost" href="https://localhost:4200">Me</author>
  <content src="index.html"/>
  <access origin="*"/>
  <allow-intent href="http://*/*"/>
  <allow-intent href="https://*/*"/>
  <allow-intent href="tel:*"/>
  <allow-intent href="sms:*"/>
  <allow-intent href="mailto:*"/>
  <allow-intent href="geo:*"/>
  <allow-navigation href="*"/>
  <preference name="ScrollEnabled" value="false"/>
  <preference name="android-minSdkVersion" value="23"/>
  <preference name="BackupWebStorage" value="none"/>
  <preference name="SplashMaintainAspectRatio" value="true"/>
  <preference name="FadeSplashScreenDuration" value="300"/>
  <preference name="SplashShowOnlyFirstTime" value="false"/>
  <preference name="SplashScreen" value="screen"/>
  <preference name="SplashScreenDelay" value="10000"/>
  <preference name="loadUrlTimeoutValue" value="180000"/>
  <platform name="android">
    <allow-intent href="market:*"/>
    <icon density="ldpi" src="resources/android/icon/drawable-ldpi-icon.png"/>
    <icon density="mdpi" src="resources/android/icon/drawable-mdpi-icon.png"/>
    <icon density="hdpi" src="resources/android/icon/drawable-hdpi-icon.png"/>
    <icon density="xhdpi" src="resources/android/icon/drawable-xhdpi-icon.png"/>
    <icon density="xxhdpi" src="resources/android/icon/drawable-xxhdpi-icon.png"/>
    <icon density="xxxhdpi" src="resources/android/icon/drawable-xxxhdpi-icon.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"/>
    <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/application" xmlns:android="http://schemas.android.com/apk/res/android">
      <application android:usesCleartextTraffic="true"/>
    </edit-config>
    <edit-config file="AndroidManifest.xml" mode="merge" target="/manifest/uses-permission" xmlns:android="http://schemas.android.com/apk/res/android">
      <uses-permission android:name="android.permission.INTERNET"/>
      <uses-permission android:name="android.permission.BLUETOOTH_ADMIN"/>
    </edit-config>
  </platform>
  <platform name="ios">
    <allow-intent href="itms:*"/>
    <allow-intent href="itms-apps:*"/>
  </platform>
</widget>

1 post - 1 participant

Read full topic

Our online Montessori training Course includes 9 modules which include perfectly helpful video lessons to understand Montessori philosophy and hands-on activities which you will be able to implement at your home or at your preschool. Get a Complete course on Montessori teacher training.

1 post - 1 participant

Read full topic

I’d like to embed the ion-datetime scroller in a component, instead of the default behavior where the scroller opens up in it’s own drawer/modal. The look I’m trying to achieve is in this image:

Screen Shot 2020-10-13 at 10.43.12 AM516×582 43.1 KB

From what I can tell in the docs, the ion-datetime picker does not offer this kind of behavior: https://ionicframework.com/docs/api/datetime

Can anyone offer help on how to achieve this? I unfortunately can’t find a working example in an app, but I know this has been done before.

1 post - 1 participant

Read full topic

Hey all, I have a question upon how can I create the link which will take me directly to the new page. Now I am creating the link button for Register page but when I run on Ionic App, the link doesn’t take me to the Register Page.

Here is the pieces of the code I used to create the Link with Register page. Is there another way as well to create the link?

image1275×56 8.3 KB

1 post - 1 participant

Read full topic

I have a todo list where all the items are inside a scrollable div, but only if the scroll position is all the way up the reorder works as expected, but once you scroll down, the new position of the item spans upwards with the respectable distance from the div’s top.

Here is a GIF of the problem:
https://s1.gifyu.com/images/QicEXUbQKb.gif

What are we seeing here?
The first drag works fine, but when you scroll down a little bit it gets messy.

This is the HTML structure of the component (cleaned from css and click events):

  <div>

    <!-- list name + search -->
    <div>
      <p><span>{{ settings.name }}</span></p>
      <input type="text" placeholder="Search items...">
    </div>
  
    <!-- items -->
    <ion-reorder-group (ionItemReorder)="doReorder($event)">
      <div *ngFor="let item of items">
        <ion-item lines="none" > 
          <nb-checkbox></nb-checkbox>
          <input type="text" placeholder="Item name..." >
          <nb-icon icon="trash-2-outline"></nb-icon>
          <ion-reorder slot="end"></ion-reorder>
        </ion-item>
      </div>
    </ion-reorder-group>
  
    <!-- add button -->
    <nb-form-field >
      <input type="text" nbInput placeholder="Add new item...">
      <button nbSuffix nbButton ghost type="submit">
        <nb-icon icon="plus-outline"></nb-icon>
      </button>
    </nb-form-field>

  </div>

I’m using:
Ionic v5.0.0
Nebular v6.2.1

How can I approach to fixing this?

1 post - 1 participant

Read full topic

i am currently struggeling with creating a kind of theme switcher in Ionic 5 | React?! Also i want to keep the darkmode in combination with the theme alive…

Any idea? At first I was thinking about changing the team in the App.tsx as it is done with the darkmode but then the darkmode is not available at theme switcher?!

Any Idea?

Thanks! Cheers Carsten

1 post - 1 participant

Read full topic

I can’t seem to get any eslintConfig rules overrides to actually take effect in my Ionic React app.

I have the following in my package.json file:

  "eslintConfig": {
    "extends": "react-app",
    "rules": {
      "jsx-a11y/anchor-is-valid": "off",
      "react-hooks/exhaustive-deps": "off"
    }
  },

but I’m still seeing those errors/warnings reported in both ionic serve output and ionic build output.

I have also tried adding an .eslintrc file at the root of the project with:

{
  "rules": {
    "jsx-a11y/anchor-is-valid": "off",
    "react-hooks/exhaustive-deps": "off"
  }
}

but that doesn’t work either. Where should I be placing my eslint rule overrides to make them work?

Thanks!

1 post - 1 participant

Read full topic

Is there any way to access the e.target.value of onIonInput? I’d like to setState(e.target.value) using this method since the onIonChange is reserved for a debounce reducer function.

1 post - 1 participant

Read full topic

I have a problem when displaying an icon, it is not displayed. I got it from https://ionicons.com/

And I save it in

public/assets/icon/person-add-outline.svg

I need to show it with:

IonIcon className=“icono” slot=“start” src=“assets/icon/person-add-outline.svg” >

What Im doing wrong?

const Home: React.FC = () => {
  return (
    <IonPage>
      <IonHeader>
        <IonToolbar>
        <IonGrid>
          <IonRow>
          <IonCol><IonButtons ><IonMenuButton /> </IonButtons></IonCol>
            <IonCol><Busqueda /></IonCol>
            <IonCol><IonIcon className="icono" slot="start" src="assets/icon/person-add-outline.svg" ></IonIcon></IonCol>
          </IonRow>
        </IonGrid>
           
          <IonTitle></IonTitle>
        </IonToolbar>
      </IonHeader>

      <IonContent fullscreen>d
        <IonHeader collapse="condense">
          <IonToolbar>
            <IonTitle size="large"></IonTitle>
          </IonToolbar>
        </IonHeader>
        <ExploreContainer  />
      </IonContent>
    </IonPage>
  );
};

.icono{
    width: 50px;
    height: 50px;
}

1 post - 1 participant

Read full topic

I have a general question regarding setting up my .gitignore. I know a generic .gitignore is generated with the Ionic project, but if I am hosting a my PWA on firebase are there any firebase files that I should include in the .gitignore to make sure nothing sensitive gets tracked?

I haven’t found many resources on what “best practices” for .gitignores in this scenario, sorry if this is a repeat question.

1 post - 1 participant

Read full topic

What’s the state and plans for the vue beta?

Is it stable enough to start a production project yet? How far down the road is the 1.0 release?
Is there any roadmap somewhere?

Would love to use ionic instead of quasar for my upcoming project…

1 post - 1 participant

Read full topic

Hello,

I will like to ask if the ionic streamingmedia is able to handle 3000 - 5000 concurrent streaming users.
I used the framework for a project on ios but subscribers couldn’t stream the program. The streaming link was good and of good quality.

1 post - 1 participant

Read full topic

Hello all,

I have an Angular project into which I imported an Ionic-menu component.

When I launch the app in an ios mobile browser and an ios app, the scroll freezes. By cons on android, I do not have this problem.

I saw on the internet that there was a problem with the ios 12 but I tested all the solutions found but none work.

here is my code:

<ion-menu class="menu_main" side="start" content-id="content" menuId='main'>
  <ion-header>

  </ion-header>
  <ion-content overflow-scroll="true">
    <ion-menu-toggle auto-hide="true">
      <div class="wrap">
        <app-drawer-content>
        </app-drawer-content>
      </div>
    </ion-menu-toggle>
  </ion-content>
</ion-menu>
<!-- <ion-menu-controller></ion-menu-controller> -->

<ion-content id="content" overflow-scroll="true">
  <div class=" nav_on_home" *ngIf="router.url != '/'">
    <div class="nav_container_bars_and_back">
      <ion-menu-toggle auto-hide="true">
        <fa-icon [icon]="faBars" class="menu"></fa-icon>
      </ion-menu-toggle>
      <div class="nav_container_back">
        <a [routerLink]="['/home']" routerLinkActive="router-link-active" class="home" *ngIf="router.url != '/home'">
          <fa-icon [icon]="faHome"></fa-icon>
        </a>
        <a (click)="goBack()" *ngIf="router.url != '/home'">
          <fa-icon [icon]="faArrowLeft"></fa-icon>
        </a>
      </div>
    </div>

    <app-nav></app-nav>

  </div>
  <div [@fadeAnimation]="o.isActivated ? o.activatedRoute : ''" class="content">
    <router-outlet #o="outlet"></router-outlet>
  </div>
</ion-content>

what can I do?

Thank you for your answers.

1 post - 1 participant

Read full topic

I want to make an app that is play sound for 10 minutes when the app is not running in the background.
i tried Local notification and alarm too,
but I can’t manage to play sound for 10 minutes

1 post - 1 participant

Read full topic