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

App Store Connect warning: UIWebView API deprecation

$
0
0

So what’s the point now in 2020?


Backing up ionic project

$
0
0

Hello,

I am wondering what people think is the best place to back up my ionic application. I know I will probably be recommended github, but would like to get some opinions.

Security is a big issue for me, and my project is quite large.

Maybe people could share their best practices for backing up too??

Help us test the Ionic 5 Release Candidate!

$
0
0

(post withdrawn by author, will be automatically deleted in 24 hours unless flagged)

Angular (click) event not firing on device

$
0
0

I got the same issue. Did you solve it?

Opening External Links in Ionic

$
0
0

I was facing same issue in my Ionic3 application. Then just installed In App Browser Plugin and it then problem solved.
Please check below code after installing plugin and let me know result.

window.open('http://www.orimi.com/pdf-test.pdf', "_system");

Popover width

$
0
0

You can change the scss variable for example:

$popover-md-width: 300px;

Docs

If you want a more dynamic width, you have to hack a bit. Sadly. Not fully tested but the popover position is absolute. So you have to set the width AND left. Or play with transform or margin value. Otherwise the popover will not center. Use your browser and click on your popover DOM.

Increase width of

$
0
0
.select-full-width {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
}
<ion-item>
  <ion-select class="select-full-width"></ion-select>
<ion-item>

Note: In some cases (generally always) you have to wrap it in ion-label.

Ionic cordova build android Dont gnerate .apk

$
0
0

Hi,
I had the same problem, and it worked for me by adding

<engine name="android" spec="6.4.0" />

In config.xml file
The topic was over 1 year but this solution could be useful for someone


Removing space between ion-header and ion-content

$
0
0

Hi!

Any news? Do you resolve it?

Ionic en español

$
0
0

Hola, Soy Jorge de Bolivia, estoy de acuerdo en compartir experiencias. Estoy desarrollando una app con esta maravilla de herramienta

Ionic Developer needed 10-20 hrs/week

$
0
0

We are interested. We have Ionic resources readily available get started on the project. Please let me know your convenient time to discuss about the project. You can reach me at info@optisolbusiness.com

Error: Java exception was raised during method invocation Android 10

$
0
0

I am using iframe inside the app, but after closing the iframe page it does not allow me to access
camera and native plugins
But this happens only in android 10

Got this error
Error: Java exception was raised during method invocation
at androidExec (cordova.js:960)
at Object.cameraExport.getPicture (Camera.js:156)
at callCordovaPlugin (vendor.js:95327)
at vendor.js:95353
at vendor.js:78428
at new t (polyfills.js:3)
at tryNativePromise (vendor.js:78427)
at getPromise (vendor.js:78435)
at wrapPromise (vendor.js:95336)
at Camera. (vendor.js:95490)
at Camera.value [as getPicture] (vendor.js:196090)
at AddPostFeedComponent.webpackJsonp.646.AddPostFeedComponent.captureIOSImage (main.js:9163)
at Object.handler (main.js:9140)
at AlertCmp.btnClick (vendor.js:79294)
at Object.eval [as handleEvent] (AlertCmp.html:1)
at handleEvent (vendor.js:13609)
at callWithDebugContext (vendor.js:15094)
at Object.debugHandleEvent [as handleEvent] (vendor.js:14681)
at dispatchEvent (vendor.js:10058)
at vendor.js:10672
at HTMLButtonElement. (vendor.js:33170)
at HTMLButtonElement.wrapped (vendor.js:244576)
at t.invokeTask (polyfills.js:3)
at Object.onInvokeTask (vendor.js:4974)
at t.invokeTask (polyfills.js:3)
at r.runTask (polyfills.js:3)
at e.invokeTask [as invoke] (polyfills.js:3)
at p (polyfills.js:2)
at HTMLButtonElement.v (polyfills.js:2)

Thanks in advance.

Ionic en español

$
0
0

Una consulta, cuando invoco a mi web hostin en la linea de codigo ( …
this.http.post(‘http://jorgealiaga.000webhostapp.com/web_demo/login.php’, data) se cuelga la app, es decir se bloquea, sin embargo, cuando cambio por localhost todo va bien.
/this.http.post(‘http://localhost/web_demo/login.php’, data)/
Mis Apis Rests, funcionan correctamente, se actualiza la base de datos (mysql) tanto en la web hostin como en local. Solamente falla cuando cambio el webhosting, he probado con otro webhosting que tengo y sigue el problema.
Por favor, si me pueden ayudar. Gracias

Using Zlib

$
0
0

Hi guys

I’m strugling my self trying to make it work with Zlib library and unzip method.

Basically I’ve created an Ionic v4 blank application and import Zlib library:

import { Component } from '@angular/core';
import * as zlib from 'zlib';
import { Buffer } from 'buffer';

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

  constructor() {
     test_zlib();
  }

  test_zlib() {   
    const input = '.................................';
    zlib.deflate(input, function(err, buffer) {
      if (!err) {
        console.log(buffer.toString('base64'));
      }
    });
  }
}

Running the example using nodejs console is ok, but running ionic serve, navigator triggers an error showing:

core.js:9110 ERROR Error: Uncaught (in promise): ReferenceError: Buffer is not defined
ReferenceError: Buffer is not defined
at Object…/node_modules/core-util-is/lib/util.js (util.js:103)
at __we

Are you so kind to check it and let me know what I’m doing wrong?

Ionic cordova-plugin-googleplus error 10


Requesting a feature like stories in ionic 4

$
0
0

Hi,
I’ve searched google, ionic forums and many websites but i didn’t found any plugins for stories like insta stories or fb stories or whatsapp stories for ionic 4. Do we have any plugin like that currently, if yes please provide the link.

#brandyshea, #mhartington

Garmin Device Support

Ionic 3: Deeplinking

$
0
0

That not working for me. I follow the tutorial step by step and not still not working. Thanks!

On iOS devices, Infinite Scroll jumps to top when ionInfinite event is fired

$
0
0

Bug Report

Ionic version:
4.x

Current behavior:

On iOS devices, the screen jumps to the top of the list when items are added to a list via the infinite scroll component.

This is not a problem on the web (Chrome or Safari) or on Android devices.

Expected behavior:

The screen scroll should not be affected by adding items to a list. The user should see new posts appear and continue scrolling as normal.

Steps to reproduce:

  1. Build the app in Xcode
  2. Run on a device
  3. Start scrolling down. Once you hit Post 5, you’ll be sent to the top of the screen (Post 1).

Related code:

The repo is at https://github.com/bennyt2/ionic-infinite-scroll-test. Here are the two relevant files:

src/app/home/home.page.html: HTML that uses ion-infinite-scroll

<ion-content>
  <ng-container *ngFor="let post of posts;let i = index">
    <div class="post post-{{post % 2}}">Post {{post}}</div>
  </ng-container>

  <div class="no-posts-yet" *ngIf="posts.length === 0">No posts yet...</div>
  <div class="end-of-feed" *ngIf="allPostsLoaded">End of feed</div>

  <ion-infinite-scroll class="infinite-scroll" threshold="300px" (ionInfinite)="getMorePosts($event)">
    <ion-infinite-scroll-content loadingSpinner="circles" loadingText="Loading more posts...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>

</ion-content>

src/app/home/home.page.ts: Component that handles post retrieval and the ionInfinite event

import { Component, OnInit } from '@angular/core';

@Component({
  selector: 'app-infinite-scroll-test',
  templateUrl: './infinite-scroll-test.page.html',
  styleUrls: ['./infinite-scroll-test.page.scss'],
})
export class InfiniteScrollTestPage implements OnInit {

  posts: number[] = [];
  maxPosts: number = 100;
  step: number = 5;
  loadedPosts: number = 0;
  allPostsLoaded: boolean = false;

  constructor() {
  }

  ngOnInit() {
    this.addPosts(5);
  }

  addPosts(number: number) {
    for (let i = 0; i < number; i++) {
      this.posts.push(this.posts.length + 1);
      this.loadedPosts = this.posts.length + 1;
    }
  }

  getMorePosts(event) {
    setTimeout(() => {
      this.addPosts(5);
      event.target.complete();

      // App logic to determine if all data is loaded
      // and disable the infinite scroll
      if (this.loadedPosts > this.maxPosts) {
        event.target.disabled = true;
        this.allPostsLoaded = true;
      }
    }, 500)
  }
}

Ionic info:

Ionic:

   Ionic CLI                     : 5.4.1 (/home/spikefalcontwo/.nvm/versions/node/v10.15.3/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.11.7
   @angular-devkit/build-angular : 0.801.3
   @angular-devkit/schematics    : 8.1.3
   @angular/cli                  : 8.1.3
   @ionic/angular-toolkit        : 2.1.1

Capacitor:

   Capacitor CLI   : 1.4.0
   @capacitor/core : 1.4.0

Utility:

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

System:

   NodeJS : v10.15.3 (/home/spikefalcontwo/.nvm/versions/node/v10.15.3/bin/node)
   npm    : 6.11.3
   OS     : Linux 5.0

Any thoughts on what might cause this problem?

How to build this interface with ionic is it possible? or do I need react js or native android?

Viewing all 228514 articles
Browse latest View live


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