How do you update the iOS & Android app version in Ionic w/ Capacitor?

So, Capacitor is neat! The android and ios configs are actually committed to source control. To update version number, simply update the following files: Android – android/app/build.gradle (you’re looking for the versionName variable) iOS – ios/App/App/Info.plist *(you’re looking for the CFBundleShortVersionString key)

Changing background color of Ionic ion-item in CSS

I want to share my solution: I use the custom CSS properties of ionic 4, so if I want to change the background color I can create a new class called “.item-background-color” and change the color of the CSS property that I want to modify. For example: my-page.page.scss .item-background-color{ –ion-item-background:#015f01d5; } then, I only add … Read more

Angularjs Nested states: 3 level

I solved your problem there : http://codepen.io/yrezgui/pen/mycxB Basically, Ionic is using Angular-UI-Router which has a huge API. In your case, you need to check this link to understand : https://github.com/angular-ui/ui-router/wiki/Multiple-Named-Views#view-names—relative-vs-absolute-names To be short, home1 and home2 states are children of home state, so they can’t have access of menuContent view, because it’s related to eventmenu … Read more

How to add a local cordova plugin with ionic / ionic 2 / ionic 3 / ionic 4 / ionic 5?

To add a local plugin with ionic : ionic cordova plugin add /path/to/my/plugin/my.plugin.folder.here/ to remove it : ionic cordova plugin remove my.plugin.folder.here But to update it it’s another problem. Actually I’m removing and installing it again after each edit. Good luck 😉 EDIT If you are using a previous version of ionic cli, and it … Read more

Ionic – ion-item text is not vertically centered when ion-icon is bigger

Try this. Add a <span> element to the text, vertical-align only works with elements inline side by side : CSS .icon { display: inline-block; font-size: 35px; color: #ffC977; vertical-align: middle; } .text{ display: inline-block; vertical-align: middle; } HTML <ion-item> <ion-icon class=”icon ion-ios-clock-outline”></ion-icon> <span class=”text”>Recent</span> </ion-item>

ionViewWillEnter vs ionViewDidEnter

sebaferreras answer is great but it is missing some points. First, about ionic life cycle. If you write down all ionic events and put a console.log in each, you will see the scenario: constructor –> ionViewDidLoad –> ionViewWillEnter –> ionViewDidEnter –> ionViewWillLeave –> ionViewDidLeave –> ionViewWillUnload. constructor run first when the page is initiated. This … Read more

How to use angular 2 service with Ionic 2?

There is no use of Bootstrap() in Ionic2, only use of @App to declare your app. You still need to declare your service in your @Page component. Create your service import {Injectable} from “angular2/core”; import {Http} from “angular2/http”; @Injectable() export class DataService { constructor(http: Http) { this.http = http; this.data = null; } retrieveData() { … Read more

Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)