@reedglawrence wrote:

I have already deployed our application to the iOS App store. Using the cordova pipeline and debugging/deploying through Xcode was a breeze.

It has been the complete opposite experience with trying to deploy to Android. After a few hours of setting and resetting environment variables, AVDs, SDKs, and the rest of the alphabet soup, I am out of ideas.

I have followed the ionic documentation exactly in setting up my Android environment multiple times. What is the simplest way to set this up?

Posts: 1

Participants: 1

Read full topic

@jarabito11 wrote:

Hi, I know it may seem like a very stupid question, but once I install a cordova plugin, how do I import it into my Ionic project?
For example: I installed this plugin https://www.npmjs.com/package/cordova.plugins.unlocksdetector, how can I use it in my home.ts?

Thanks and best regards.

Posts: 1

Participants: 1

Read full topic

@christianTigre wrote:

Hi devs guys. I have a problem compiling my app for ios.
when running “ionic serve”.
the error that samples me in my console is :

[16:40:38] lint finished in 3.40 s
Cannot read property ‘toLowerCase’ of undefined
[ERROR] An error occurred while running cordova run ios (exit code 1).

My ionic info

cli packages: (/usr/local/lib/node_modules)

@ionic/cli-utils  : 1.9.2
ionic (Ionic CLI) : 3.9.2

global packages:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1) 

local packages:

@ionic/app-scripts : 3.2.4
Cordova Platforms  : browser 5.0.4 ios 4.5.4
Ionic Framework    : ionic-angular 3.9.2

System:

ios-deploy : 1.10.0 
ios-sim    : 8.0.2 
Node       : v12.16.0
npm        : 6.13.4 
OS         : macOS
Xcode      : Xcode 10.0 Build version 10A255 

My package.json :

{
“name”: “myapp”,
“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”: {
“@angular/common”: “5.0.0”,
“@angular/compiler”: “5.0.0”,
“@angular/compiler-cli”: “^7.2.15”,
“@angular/core”: “5.0.0”,
“@angular/forms”: “5.0.0”,
“@angular/http”: “5.0.0”,
“@angular/platform-browser”: “5.0.0”,
“@angular/platform-browser-dynamic”: “5.0.0”,
“@ionic-native/aes-256”: “^4.20.0”,
“@ionic-native/barcode-scanner”: “^4.20.0”,
“@ionic-native/base64”: “^4.20.0”,
“@ionic-native/camera”: “^4.20.0”,
“@ionic-native/core”: “4.20.0”,
“@ionic-native/device”: “^4.20.0”,
“@ionic-native/file”: “^4.20.0”,
“@ionic-native/file-chooser”: “^4.20.0”,
“@ionic-native/file-path”: “^4.20.0”,
“@ionic-native/file-picker”: “^4.20.0”,
“@ionic-native/file-transfer”: “^4.20.0”,
“@ionic-native/geolocation”: “^4.20.0”,
“@ionic-native/http”: “^4.20.0”,
“@ionic-native/image-picker”: “^4.20.0”,
“@ionic-native/in-app-browser”: “^4.20.0”,
“@ionic-native/in-app-purchase”: “^4.20.0”,
“@ionic-native/network”: “^4.20.0”,
“@ionic-native/printer”: “^4.20.0”,
“@ionic-native/splash-screen”: “4.3.2”,
“@ionic-native/status-bar”: “4.3.2”,
“@ionic/pro”: “2.0.4”,
“@ionic/storage”: “2.1.3”,
“browserslist”: “^2.2.0”,
“com-badrit-base64”: “^0.2.0”,
“cordova”: “^8.1.2”,
“cordova-android”: “7.1.4”,
“cordova-browser”: “^5.0.4”,
“cordova-ios”: “5.1.1”,
“cordova-plugin-add-swift-support”: “^2.0.2”,
“cordova-plugin-advanced-http”: “^2.1.1”,
“cordova-plugin-aes256-encryption”: “^1.2.2”,
“cordova-plugin-calendar”: “^5.1.4”,
“cordova-plugin-camera”: “^4.1.0”,
“cordova-plugin-device”: “^1.1.7”,
“cordova-plugin-file”: “^6.0.2”,
“cordova-plugin-file-transfer”: “^1.7.1”,
“cordova-plugin-filechooser”: “^1.2.0”,
“cordova-plugin-filepath”: “^1.5.6”,
“cordova-plugin-filepicker”: “^1.1.6”,
“cordova-plugin-geolocation”: “^4.0.2”,
“cordova-plugin-inappbrowser”: “^3.1.0”,
“cordova-plugin-inapppurchase”: “^1.2.0”,
“cordova-plugin-ionic-keyboard”: “^2.1.3”,
“cordova-plugin-ionic-webview”: “^4.1.1”,
“cordova-plugin-ios-camera-permissions”: “^1.2.0”,
“cordova-plugin-network-information”: “^2.0.2”,
“cordova-plugin-printer”: “0.7.3”,
“cordova-plugin-splashscreen”: “^4.1.0”,
“cordova-plugin-statusbar”: “^2.4.3”,
“cordova-plugin-telerik-imagepicker”: “^2.3.3”,
“cordova-plugin-whitelist”: “^1.3.4”,
“cordova-plugin-wkwebview-engine”: “git+https://github.com/ionic-team/cordova-plugin-wkwebview-engine.git”,
“crypto-js”: “^3.1.9-1”,
“force”: “0.0.3”,
“io”: “1.0.0”,
“ionic-angular”: “3.9.2”,
“ionic-native”: “^2.9.0”,
“ionic-plugin-keyboard”: “^2.2.1”,
“ionic-selectable”: “^3.4.0”,
“ionicons”: “3.0.0”,
“ios-deploy”: “^1.10.0”,
“ios-sim”: “^6.1.2”,
“moment”: “^2.24.0”,
“ng2-password-strength-bar”: “^1.2.3”,
“ngx-mask”: “^7.9.9”,
“phonegap-plugin-barcodescanner”: “^8.1.0”,
“rxjs”: “5.5.2”,
“sw-toolbox”: “3.6.0”,
“zone.js”: “0.8.18”
},
“devDependencies”: {
“@ionic/app-scripts”: “3.2.4”,
“typescript”: “^3.1.6”
},
“description”: “An Ionic project”,
“cordova”: {
“plugins”: {
“cordova-plugin-ionic-webview”: {
“ANDROID_SUPPORT_ANNOTATIONS_VERSION”: “27.+”
},
“cordova-plugin-printer”: {},
“cordova-plugin-add-swift-support”: {}
},
“platforms”: [
“browser”,
“ios”
]
}
}

I have already reinstalled the xcode.
But error persist.

The application previously compiled correctly.

How could I fix it?

Posts: 1

Participants: 1

Read full topic

@avaxa wrote:

ion-infinite-scroll does not fire the ionInfinite event if my initial retrieval of records does not fill the page.

I retrieve a batch of 10 records at a time and if I’m running the app in a full-screen browser this initial batch of records only fills about half of the infinite scroll area. I was expecting ionInfinite to be called to retrieve a second batch of records to fill the area (or be told that there are no more records).

If I shrink the window so that the area shows scrollbars then ionInfinite is called when the user scrolls down.

The user should not have to resize the window to get a full page of records.

There is an open issue for this from Ionic v3 Issue #59.

No solution, only workarounds that dig into the internals of the control which I’m loath to do given we are now at Ionic v5.

Is this issue being worked on?

Does anyone have a working workaround for v5?

Thanks.
Glenn.

Posts: 1

Participants: 1

Read full topic

@gustavoapa wrote:

Greetings, I recently to begin with Ionic Framework and it’s a very good frameworks to make hybrids apps. Right now I´m trying to make a QR Code Scanner I was reading about BarcodeScanner plugin and QRScanner, which one is the best option and why? Thanks for you help

Posts: 1

Participants: 1

Read full topic

@soo wrote:

After update ionic and Cordova to latest, everything gone mad.
All my projects are unable to build.
When running ionic cordova build android --prod --release and got errors:

Error: Cannot find module ‘@angular/compiler-cli/ngtools2’
An error occurred while running subprocess ionic-app-scripts.

ionic-app-script task: “build”
Error: Cannot find module ‘@angular/compiler-cli/ngtools2’
Error: Cannot find module ‘@angular/compiler-cli/ngtools2’
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:636:15)
at Function.Module._load (internal/modules/cjs/loader.js:562:25)
at Module.require (internal/modules/cjs/loader.js:692:17)
at require (internal/modules/cjs/helpers.js:25:18)
at /Users/xxxxxxx/node_modules/@ionic/app-scripts/dist/aot/aot-compiler.js:206:90
[ERROR] An error occurred while running subprocess ionic-app-scripts.
code ENOLOCAL
ERR! Could not install from “@angular/compiler-cli/ngtools2” as it does not contain a package.json file.

Try running npm install @angular/compiler-cli/ngtools2 and got below error:
Could not install from “@angular/compiler-cli/ngtools2” as it does not contain a package.json file.

Already tried remove node_module folder, run npm install and rebuild node-sass. All not working.

My environment:

Ionic:
ionic (Ionic CLI) : 4.10.3 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.9.9
@ionic/app-scripts : 3.2.4

Cordova:
cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 7.0.0, ios 4.5.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 17 other plugins)

Thanks in advance.

Posts: 1

Participants: 1

Read full topic

@rashidi wrote:

how to change background color in shadow-root in ion-segment-button in shadow-root in ion-segment-button checked in mod ios in ionic 5?
this always white.
I changed property color=“success” but not work.

<ion-segment (ionChange)="segmentChanged($event)" mode="ios" color="success" #daySegment>

  <ion-segment-button value="0" mode="ios" color="success">
    <ion-label>{{ 'TODAY' | translate }}</ion-label>
  </ion-segment-button>

  <ion-segment-button value="1" mode="ios" color="success">
    <ion-label>{{ 'TOMORROW' | translate }}</ion-label>
  </ion-segment-button>

  <ion-segment-button value="2" mode="ios" color="success">
    <ion-label>{{ 'DAY_AFTER_TOMORROW' | translate }}</ion-label>
  </ion-segment-button>

</ion-segment>

Posts: 1

Participants: 1

Read full topic

@vespinasgmailcom wrote:

Guys of Ionic, just wanted to let you know that the migration from Ionic4 to Ionic5 is anything but “easy”. So far I’ve migrated two projects and in both cases the app ended broken, not just because some of the breaking changes, but because a lot of dependencies problems between ionic and angular… a totally nightmare.

To be absolutely honest, if not for you unique ability to create SPAs, along with native apps, from the same codebase, this mess would have been enough to drive me away from Ionic for good.

Posts: 5

Participants: 2

Read full topic

@khokhardheeraj wrote:

Hi,

registerBackButtonAction function is not working until i tap on screen once. I opened ionic app and press android back button then registerBackButtonAction doesn’t work but when i tap on screen and press android back button then registerBackButtonAction is working fine. Any idea why this is happening?

Posts: 1

Participants: 1

Read full topic

@BetterAutomations wrote:

Help a newbie? I’ve got an ion-select working great getting it’s ion-select-option values and text from Firebase. But I can’t seem to feed it a default with patchValue. If I use a static array of values it works. If I use a static default value with a dynamic ion-select it does not work.

MAYBE IMPORTANT: When I click the select to drop down, I see the default value appear. This is before I click any values. And it appears on top of the label, so it doesn’t look right.

Text overlaying314×557 63.6 KB

Broken code, TS:

import { Component, OnInit } from '@angular/core';
import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { FormGroup, FormControl } from '@angular/forms';

export interface Command { command: string; }
export interface Coop {
  id: number;
  name: string;
}

@Component({
  selector: 'app-status',
  templateUrl: './status.page.html',
  styleUrls: ['./status.page.scss'],
})

export class StatusPage implements OnInit {
  coopSelectorForm: FormGroup;
  private coopCollection: AngularFirestoreCollection<Coop>;
  coops: Observable<Coop[]>;
  selectedCoop: number;

  constructor(private afs: AngularFirestore) {
    this.coopCollection = afs.collection<Coop>(
      'coops', ref => ref.orderBy('name'));
    this.coops = this.coopCollection.valueChanges();
    this.coopSelectorForm = new FormGroup({ selectedCoop: new FormControl(), });
    this.coops.subscribe(coops => {
      this.selectedCoop = coops[0].id;
      this.coopSelectorForm.controls['selectedCoop'].patchValue(this.selectedCoop);
    });
  }

  ngOnInit() {
  }

  onCoopChange(value) {
    this.selectedCoop = value.selectedCoop;
  }

Broken code, HTML:

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Status
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <form [formGroup]="coopSelectorForm">
    <ion-list>
      <ion-item class="input-item">
        <ion-label position="floating">Coop</ion-label>
        <ion-select interface="popover" formControlName="selectedCoop"
          (ionChange)="onCoopChange(coopSelectorForm.value)">
          <ion-select-option *ngFor="let coop of coops | async" [value]="coop.id">
            {{coop.name}}
          </ion-select-option>
        </ion-select>
      </ion-item>
    </ion-list>
  </form>
</ion-content>

Working static default value, static array, TS:

import { Component, OnInit } from '@angular/core';
import { AngularFirestore, AngularFirestoreDocument, AngularFirestoreCollection } from '@angular/fire/firestore';
import { Observable } from 'rxjs';
import { FormGroup, FormControl } from '@angular/forms';

export interface Command { command: string; }
export interface Coop {
  id: number;
  name: string;
}

@Component({
  selector: 'app-status',
  templateUrl: './status.page.html',
  styleUrls: ['./status.page.scss'],
})

export class StatusPage implements OnInit {
  coopSelectorForm: FormGroup;
  private coopCollection: AngularFirestoreCollection<Coop>;
  coops: Array<Coop>;
  selectedCoop: number;

  constructor(private afs: AngularFirestore) {
    this.coopCollection = afs.collection<Coop>(
      'coops', ref => ref.orderBy('name'));
    this.coops = [{ id: 1, name: 'First' }, { id: 2, name: 'Second' }, { id: 3, name: 'Third' }];
    this.coopSelectorForm = new FormGroup({ selectedCoop: new FormControl(), });
    this.selectedCoop = 1;
    this.coopSelectorForm.patchValue({ selectedCoop: this.selectedCoop });
  }

  ngOnInit() {
  }

  onCoopChange(value) {
    this.selectedCoop = value.selectedCoop;
  }

Working static default value, static array HTML:

<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button></ion-menu-button>
    </ion-buttons>
    <ion-title>
      Status
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content>
  <form [formGroup]="coopSelectorForm">
    <ion-list>
      <ion-item class="input-item">
        <ion-label position="floating">Coop</ion-label>
        <ion-select interface="popover" formControlName="selectedCoop"
          (ionChange)="onCoopChange(coopSelectorForm.value)">
          <ion-select-option *ngFor="let coop of coops" [value]="coop.id">
            {{coop.name}}
          </ion-select-option>
        </ion-select>
      </ion-item>
    </ion-list>
  </form>
</ion-content>

Posts: 1

Participants: 1

Read full topic

@Hlodwig wrote:

Buongiorno,

non riesco a capire perchè con devapp sqlite funziona correttamente con creazione tabella, inserimento ecc…

Mentre non funziona in locale utilizzando il comando: ionic cordova run android --device.

Potete aiutarmi?

Posts: 1

Participants: 1

Read full topic

@patillaxman wrote:

Hello everyone,
Since couple of days I have one problem that,I am having iframe in that I am calling page so I have to open device camera so some how I have manage to open camera in iOS device but in case of Android devices I am not able to open camera even I have given permission for opening camera like that.

Posts: 1

Participants: 1

Read full topic

@Piernik wrote:

I updated to v5 and I noticed that textarea field is connected to grammarly. How to turn it of??

Posts: 1

Participants: 1

Read full topic

@vahid18u wrote:

Hi,
I don’t find any react example in ion-picker documentation. Is there any sample for it ? how can I present it in react? any property for that ?

Posts: 1

Participants: 1

Read full topic

@Exers wrote:

I have somewhat weird requirement, which is making ion-segments show vertically. So far I’ve tried something like following but with no luck. Any ideas or suggestions?

<ion-segment id="wrapper">
        <ion-segment-button value="friends" class="first">
          <ion-label>Friends</ion-label>
        </ion-segment-button>
        <ion-segment-button value="enemies" class="second">
          <ion-label>Enemies</ion-label>
        </ion-segment-button>
</ion-segment>

#wrapper{
    margin-left:auto;
    margin-right:auto;
    height:auto;
    width:auto;
    .first {
        float: left;
      }
      .second {
        float: left;
        clear: left;
      }
}

Posts: 1

Participants: 1

Read full topic

@lucabro81 wrote:

Hi, I’m using cordova-plugin-firebasex for Ionic3, calling directly the api as specified here, something like

(<any>window).FirebasePlugin.logEvent('view_item', {some: "property"});

But no FirebasePlugin appear in windows, no problem with other plugin, any idea?
These are significant dependencies in my config.xml

    <plugin name="cordova-plugin-androidx" spec="^1.0.2" />
    <plugin name="cordova-plugin-androidx-adapter" spec="^1.1.0" />
    <plugin name="cordova-plugin-firebasex" spec="6.1.0" />
    <engine name="ios" spec="5.1.1" />
    <engine name="android" spec="8.1.0" />

Posts: 1

Participants: 1

Read full topic

@fascox wrote:

After update to Angular 9.0.3 when try to build the app with “ionic build” get this error

ng run app:build --verbose
ng:analytics getGlobalAnalytics +0ms
ng:analytics Client Analytics config found: false +69ms
ng:analytics Analytics disabled. Ignoring all analytics. +0ms
ng:analytics getSharedAnalytics +0ms
0% compiling
Compiling @ionic-native/core : module as esm5
[webpack.Progress] 2783ms building
[webpack.Progress] 15ms hashing
[webpack.Progress] 23ms chunk assets processing
[webpack.Progress] 172ms after chunk asset optimization

ERROR in Maximum call stack size exceeded
[ERROR] An error occurred while running subprocess ng.

    ng run app:build --verbose exited with exit code 1.
    
    Re-running this command with the --verbose flag may provide more information.

ionic:utils-process onBeforeExit handler: ‘process.exit’ received +0ms
ionic:utils-process onBeforeExit handler: running 1 functions +0ms
ionic:utils-process processExit: exiting (exit code: 1) +44ms

❯ ionic info

Ionic:

Ionic CLI : 6.1.0 (/usr/local/lib/node_modules/@ionic/cli)
Ionic Framework : @ionic/angular 5.0.3
@angular-devkit/build-angular : 0.900.3
@angular-devkit/schematics : 9.0.3
@angular/cli : 9.0.3
@ionic/angular-toolkit : 2.1.2

Cordova:

Cordova CLI : 9.0.0 (cordova-lib@9.0.1)
Cordova Platforms : not available
Cordova Plugins : not available

Utility:

cordova-res : 0.9.0
native-run : 0.3.0

System:

Android SDK Tools : 26.1.1 (/Users/fascox/Library/Android/sdk)
ios-deploy : 1.10.0
ios-sim : 8.0.2
NodeJS : v13.8.0 (/usr/local/Cellar/node/13.8.0/bin/node)
npm : 6.14.0
OS : macOS Catalina
Xcode : Xcode 11.3.1 Build version 11C504

Posts: 2

Participants: 1

Read full topic

@alokjkumar97 wrote:

I’ve had a report from a production app about the datetime component not working. Instead of showing numbers for the time it just shows a series of periods “…” (picture attached)

IMG_59723024×4032 2.03 MB

I can’t seem to replicate the issue on my own device or any emulator and haven’t found any resource online with the same issue. I’ve asked for specific device details but it looks like a Samsung Galaxy device from the photo, still awaiting Android version number. Any ideas?

settings.page.html

    <ion-item>
      <ion-label>Notifications</ion-label>
      <ion-datetime displayFormat="HH:mm" [(ngModel)]="notificationTime" (ionChange)="setNotificationTime()"></ion-datetime>
    </ion-item>

settings.page.ts

  public notificationTime = "16:00";

  constructor(private storage: Storage, private quoteService: QuoteService, private router: Router) { }

  ngOnInit() {
    this.storage.get('notificationTime').then((val) => {
      if(val === null) {
        this.quoteService.scheduleNotifications();
        this.notificationTime = "16:00";
      } else {
        this.notificationTime = `${val[0]}:${val[1]}`;
      }
    })
  }

  setNotificationTime(): void {
    let time = this.notificationTime.split(":").map(function(item) {
        return parseInt(item, 10);
    });
    this.quoteService.scheduleNotifications(time);
  }

Posts: 1

Participants: 1

Read full topic

@pamzz wrote:

When run the app shows an Error

Access to XMLHttpRequest at ‘https://www.pamz.co.jp/api/process_api.php’ from origin ‘http://localhost:8101’ has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.

access_provider.ts

export class AccessProviders{

    server:string='https://www.pamz.co.jp/api/';

    constructor(private http:HttpClient

        ) { }

        postData(body,file){

            let headers=new HttpHeaders({

            'Content-Type':'application/json; charset=UTF-8'

            });

            let options= { 

                headers : headers

            }

            return this.http.post(this.server + file , JSON.stringify(body),options)

            .timeout(590000)

            .map(res=>res);

        }
   }

process_api.php

header('Access-Control-Allow-Orgin: *');
header("Access-Control-Allow-Credentials: true");
header("Access-Control-Allow-Methods: GET, PUT, POST, DELETE, OPTIONS");
header("Access-Control-Allow-Headers: Origin,Content-Type,Authorization,Accept,X-Requested-With,x-xsrf-token");
header("Content-Type: application/json;charset=utf-8");
include "config.php";
$postjson=json_decode(file_get_contents('php://input'),true);
$today=date('Y-m-d H:i:s');

if($postjson['aksi']=="process_register"){
  
          $checkmail=mysqli_fetch_array(mysqli_query($mysqli,"SELECT email_address FROM register WHERE email_address='$postjson[email_address]'"));

          if($checkmail['email_address']==$postjson['email_address']){
            $result=json_encode(array('success'=>false,'msg'=>'Email Already Registered'));
          }else{

                $password=md5($postjson['password']);

                $insert = mysqli_query($mysqli,"INSERT INTO register SET 
                your_name ='$postjson[your_name]',
                email_address ='$postjson[email_address]', 
                password ='$password', 
                confirm_pass ='$postjson[confirm_pass]',
                created_at  ='$today'
                
                ");
                if($insert){
                    $result=json_encode(array('success'=>true,'msg'=>'Register Successfully'));
                }else{
                    $result=json_encode(array('success'=>false,'msg'=>'Register error'));
                }

          }
          echo $result;
}

How to solve…Any one Help…

Posts: 1

Participants: 1

Read full topic

@barrymamadoukorka wrote:

i want to do one request same: this.afdb.database.list(’/chat/’, {
query: {
orderByChild: ‘date’,where(idUser===“param”)
}
});

Posts: 1

Participants: 1

Read full topic