Questions tagged [ionic4]

Presentation

This tag is for questions specifically targetting version 4 of the Ionic Framework.

Ionic Framework is an open-source hybrid mobile application development framework that helps in building cross-platform mobile applications with standard Web technologies like , , and 's.

Ionic Framework is focused on giving a native-like UI experience, built on top of web technologies.

Traditionally, it has used Apache and . Since January 2019, Ionic 4 allows developers to choose multiple frameworks including , , , and web components.

Ionic also has a rich Command Line Interface which enables the developers to create, build, test and deploy applications.

Ionic 4 is built using which is a compiler that creates Web Components.

The Ionic Team are also developing an alternative to Cordova, called Capacitor. is a cross-platform app runtime that allows developers to build web apps that run natively on iOS, Android, Electron and the web.

Official Links:

5597 questions
15
votes
9 answers

ion-datetime: How to get date value without timestamp?

I'm using ion-datetime in ionic4 using NgModel to bind to a property, however, no matter what options I include in format, I always get the time with the timestamp included. ¿How can I remove timestamp from result so the final value of my property…
RealBadCoder
  • 351
  • 2
  • 5
  • 16
15
votes
10 answers

How to run Ionic app on android-studio with capacitor on Ubuntu?

When I run the ionic capacitor run android command, to launch my application in Android Studio, I get the error saying: Unable to launch Android Studio." You must configure "linuxAndroidStudioPath" in your capacitor.config.json to point to the…
15
votes
3 answers

ionic 4 ios fails to build due to swift version 3

After upgrading to xcode 10.2 my ionic for ios project stopped building using below command ionic cordova build ios -- --buildFlag="-UseModernBuildSystem=0" i tried to upgrade cordova-ios@5.0.0 and remove and readd ios platform but no luck. The…
Moblize IT
  • 1,140
  • 2
  • 18
  • 44
15
votes
11 answers

How to remove small caret from ion-select in ionic4

I want to remove the inbuilt grey small caret from ion-select, and use my custom caret(arrow) instead. Code: ion-select { color: grey; background:url("/assets/resources/img/ArrowDownConfig.svg"); } But my css code is unable to precedence over…
Kunal Ranjan
  • 192
  • 1
  • 2
  • 13
15
votes
8 answers

Ionic 4 ion-content scroll to bottom

I am creating a chat page using Ionic 4 and I'm trying to make it automatically scroll to the bottom of the page. I did it like this and it's not working: import { IonContent } from "@ionic/angular"; export class ChatroomPage implements OnInit { …
tyn
  • 543
  • 3
  • 7
  • 20
15
votes
1 answer

Ionic 4 ion-row fill remaining height

How to annotate an ion-row so that it fills the remaining space? For the following example the yellow row "Content" should expand until all the remaining (green) space is taken.
d0x
  • 11,040
  • 17
  • 69
  • 104
14
votes
5 answers

Ionic 4 ion-input allow number only, restrict alphabet and special character

I am creating an app in ionic4, I have a functionality where user can enter the only integer number (0-9), so I want to restrict any other character i.e alphabets, dot, plus everything. I tried to restrict is using the following directive …
Divyesh Savaliya
  • 2,692
  • 2
  • 18
  • 37
14
votes
5 answers

How to override ion-back-button action in ionic 4 with angular 7

I wanted to stop navigation from one page to another page when user clicks on ion-back-button. I have some validation/check to be perform based on which app will decide whether to allow back action or not.
Shubham Takode
  • 525
  • 8
  • 24
14
votes
4 answers

Ionic 4 / Angular 6 : Nested child routes in tabs

I generated an app with the Ionic Tabs Component. Tabs are Deliveries, About and Contact. Then I generated a page Details. I would like the page Details to be a child of Deliveries tab. Meaning when I'm on a details page, I'm navigating through the…
Brieuc
  • 3,994
  • 9
  • 37
  • 70
14
votes
8 answers

disable menu on login page ionic 4

I use the beta of ionic 4 for the first time. I try to disable the menu on a login page, but i have some trouble. I've created the app with ionic-cli and the sidemenu template, then I generated a login page. I removed the from the…
JEKES
  • 311
  • 1
  • 3
  • 11
13
votes
2 answers

Type 'IterableIterator<[number, any]>' is not an array type or a string type

I am using ionic 4 to build an app. Whereas my app is working fine on browser but when I build android platform it is giving me error for this line for (let [index, p] of this.cart.entries()) My typescript version is 3.7.2 The error is Type…
pratik jaiswal
  • 1,855
  • 9
  • 27
  • 59
13
votes
4 answers

Ionic 4 ion-select set custom icon for select-icon

I need to set a custom icon to ion-select. Following is my code and output I am a
Janith Widarshana
  • 3,213
  • 9
  • 51
  • 73
13
votes
5 answers

ionic 4: not working as expected

i'm working with ionic 4 angular 7. I'm using to reorder list. Drag n Drop works for the first time fine but when I release the click, item got stuck. After first reorder everything freezes. And I'm unable to attempt reorder for the…
Zeeshan Malik
  • 627
  • 1
  • 14
  • 31
13
votes
4 answers

Ionic 4 - AlertController: Property 'present' does not exist - Angular?

I'm setting up a new alert in Ionic 4 - blank type:angular project. It's basic alert but I get an error occured running of my project. Error Property 'present' does not exist on type 'Promise'. Did you forget to use 'await'? My create the same…
Simon
  • 159
  • 2
  • 2
  • 8
13
votes
3 answers

Ionic 4: How to set navigation direction (backward/forward) using routerLink?

Ionic 4 now uses Angular router. Altough it still has its own NavControler, which helps to simulate push / pop navigation style though the navigateBackward and navigateForward methods. So that ion-back-button is shown it is necessary to use…
Natanael
  • 1,326
  • 5
  • 17
  • 34