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

Join Ionic WhatsApp Group

$
0
0

hello nirav i have the same issue like you so i have created the whatsapp group myself. If you are interested to discuss about this forum then do join my whatsapp group and make sure you dont spam the group with off topic messages.


Ionic 4 Flickering on page transition

$
0
0

So how do we fix the issue with the background image?

Missing permissions from AndroidManifest.xml

$
0
0

Yaah Still working this solution in year 2020, Thanks!!

Trouble having "unnamed" tabs route

$
0
0

Nope, I had to keep child routes and move my “homepage” in to the ionic app itself.

Perplexity about the use of Firebase

$
0
0

Hi guys,
this is not a technical question I know, perhaps it is a bit off-topic, but I think it is important to discuss the technologies we use every day to make our Apps.

I see everyday tutorials and articles that promote and explain the use of Firebase with Angular, Ionic, and other technologies.
But I have some concerns and some doubts about Firebase, because it is a Google proprietary technology and because it must be hosted on their servers.
At the moment these two things are a guarantee of quality, but what about the future?
What will happen if Google increases prices or introduces other limitations?

Would you trust to use Firebase for an important application? What would happen if overnight, for some reason, it was no longer usable? The fact that it cannot be used with the on-promise formula, in my opinion, is not reassuring.

What do you think?
Are there real alternatives?

Claudio

Ionic 4 WebAssembly is not defined with OpenCV on an older phone

$
0
0

I am trying to develop a simple image processing mobile application using the Ionic Framework (version 4). I decided to use the OpenCV.js library and the way I am adding it to my ionic project is:

  1. I put the opencv.js file in app/assets/lib/opencv.js

  2. I added

 "scripts": [
          "src/assets/lib/opencv.js"
        ]

in my angular.json file.

  1. I put declare var cv: any; on top of any ts file that I needed to use the opencv library in and then I just use cv to reference an opencv.js function like for example cv.imread(image) .

My application works well in the browser, as well as on some test devices (I’ve tried Galaxy Note 10 , Galaxy S8 , Galaxy S6 ). However, when I try to run the application on a Samsung Galaxy S5 , the app shows an error on the console upon startup:

Uncaught ReferenceError: WebAssembly is not defined

and then, when I click a button that calls anything related to openCV I get the following message:

ERROR Error: Uncaught (in promise): ReferenceError: cv is not defined

And of couse the openCV functinality does not work. I realize it must be something related to the phone being pretty old, but I would like to know exactly the reason why it works on other phones but does not on this one. And maybe, if it is possible, it would be great to find out what can be done to make it work on this and other phones like this.

It is a Samsung Galaxy S5 with Android 5.0 .

Also I do not really understand why WebAssembly is required in this particular case. I thought the opencv.js file that I downloaded from here https://docs.opencv.org/master/opencv.js was just a JS file that contains the necessary functions (like a lib). How does webassembly come into play here?

ERR_CLEARTEXT_NOT_PERMITTED in debug app on Android

Ionic 4 / React - Ionic CLI Resources to Create Logos and Splash Screens


Dynamic modal height based on content in Ionic v4

Ionic 4 Modal dynamic height

$
0
0

You are assigning an Height here. that is not dynamic :frowning:

Possible Ionic integration with Svelte?

$
0
0

Wow, really impessive. Thanks for sharing it!

Using Google Places API and Autocomplete with Ionic 4

$
0
0

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

iOS caches splash screen resources

$
0
0

Hey. I am having a similar issue and was wondering if you managed to get any answers to this?

Back to top button on large lists

White screen on production build only iOS

$
0
0

I have exactly the same issue, could you find any solution? :frowning:


Perplexity about the use of Firebase

$
0
0

Since there’s a “moderator” badge after my name, I guess I should probably say explicitly that this is my personal opinion only, and in no way represents any official position of anything having to do with the Ionic team.

Absolutely not. If I’m going to be responsible for fixing stuff when it breaks, I refuse to hold myself hostage to a single service provider.

Since I have categorically insurmountable philosophical objections to using services like this (see above), I haven’t investigated the details of what Firebase has to offer in sufficient detail to be able to answer this exact framing, but I’ll say this:

There are absolutely a myriad of alternatives for hosting data that is intended to be used by Ionic apps. The stack I personally use and endorse is:

  • S3 for static asset storage (doesn’t have to be AWS; many hosting providers have S3-compatible storage offerings)
  • Docker for containering (although I’d like to switch to buildah / ansible / kubernetes, haven’t had enough free time to figure all this out yet)
  • PostgreSQL for a relational database
  • Golang and specifically gocraft/web for REST middleware

If you prefer to swap out Maria for Postgres or PHP for Golang, cool. Although it may seem counterintuitive, the one thing I would not do is use Node.js on the server side, because it creates natural tendencies to lock yourself into JavaScript. Having client and server be written in different languages I have found to be a natural firewall making me code the communication between them in a completely language-agnostic way, so that if I want to change one side, it can be done independently of the other.

Migrate Swift/Kotlin/android studio project to IONIC

$
0
0

Hi, if I already have a swift project, is it possible to migrate it somehow into ionic?. Same question with Kotlin and android studio.

Thanks!

2 Side-Menus. Left-menu opens when clicking link from Right-menu

$
0
0

I have two side menus. One with side=“start”, the other with side=“end”. So a left-side menu and a right-side menu. If I click a link on the right-side menu, the right-side menu correctly closes and the user is taken to the route; however, the left-side menu also opens when the right-side menu closes. This should not be happening, but I have not been able to figure out how to keep the left-side menu from opening when a right-side menu link is clicked.

It appears as though the left menu is toggled on every menu item click regardless of what menu the link is contained within.

<!-- Buttons to activate both menus -->
<ion-header>
  <ion-toolbar color="primary">
    <ion-buttons slot="start">
      <ion-menu-button menu="main"></ion-menu-button>
    </ion-buttons>
    <ion-title class="ion-text-center">
      Home
    </ion-title>
    <ion-buttons slot="primary">
      <ion-button (click)="openUserMenu()">
        <ion-icon name="contact" slot="icon-only"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

<ion-content></ion-content>
<!-- home.page.ts -->
openUserMenu() {
	this.menuCtrl.open('user');
}
<!-- Left-Side Menu -->
<ion-menu side="start" menuId="main" content-id="mainContainer">
  <ion-header>
    <ion-toolbar>
      <ion-title>
        Left-Side Menu
      </ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-menu-toggle>
        <ion-item lines="none" routerLink="/contact">
          <ion-icon name="call" slot="start"></ion-icon>
          <ion-label>Contact Us</ion-label>
        </ion-item>
      </ion-menu-toggle>
      <ion-menu-toggle>
        <ion-item lines="none" routerLink="/legal">
          <ion-icon name="information-circle-outline" slot="start"></ion-icon>
          <ion-label>Legal</ion-label>
        </ion-item>
      </ion-menu-toggle>
    </ion-list>
  </ion-content>
</ion-menu>
<!-- Right-Side Menu -->
<ion-menu side="end" menuId="user" content-id="mainContainer">
  <ion-header>
    <ion-toolbar>
      <ion-title>
        Right-Side Menu
      </ion-title>
    </ion-toolbar>
  </ion-header>
  <ion-content>
    <ion-list>
      <ion-menu-toggle>
        <ion-item lines="none" routerLink="/profile">
          <ion-icon name="contact" slot="start"></ion-icon>
          <ion-label>Profile</ion-label>
        </ion-item>
      </ion-menu-toggle>
      <ion-menu-toggle>
        <ion-item lines="none" button>
          <ion-icon name="exit" slot="start"></ion-icon>
          <ion-label>Logout</ion-label>
        </ion-item>
      </ion-menu-toggle>
    </ion-list>
  </ion-content>
</ion-menu>

NFC card reader - connecting via bluetooth

Unable to Inspect for playstore downloaded apps

$
0
0

Thanks for the reply. dev mode means.

Viewing all 228514 articles
Browse latest View live


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