ionic4

Problem screen ionic app on iPhone 11 Pro Max

我只是一个虾纸丫 提交于 2021-01-04 07:26:30
问题 I'm facing some problems on the look and feel of my Ionic app on iPhone 11 Pro Max: How Can I improve and fix the problem of the spaces on both upper and bottom part of the screen? **UPDATE This is my config.xml: <platform name="ios"> <allow-intent href="itms:*" /> <allow-intent href="itms-apps:*" /> <icon height="57" src="resources/ios/icon/icon.png" width="57" /> <icon height="114" src="resources/ios/icon/icon@2x.png" width="114" /> <icon height="29" src="resources/ios/icon/icon-small.png"

How to apply custom css to shadow DOM inside elements?

青春壹個敷衍的年華 提交于 2021-01-04 06:49:47
问题 I have created a new project with IONIC 4. Everything is fine and working. But when I tried to apply CSS to elements which are present inside #shadow-root . Below is my HTML code <ion-item class="itm-pad" no-padding> <p>Rajkumar</p> <ion-buttons slot="start"> <ion-button> <ion-icon slot="icon-only" name="funnel"></ion-icon> </ion-button> </ion-buttons> <ion-buttons slot="end"> <ion-button> <ion-icon slot="icon-only" name="search"></ion-icon> </ion-button> </ion-buttons> </ion-item> Please

How to apply custom css to shadow DOM inside elements?

核能气质少年 提交于 2021-01-04 06:49:46
问题 I have created a new project with IONIC 4. Everything is fine and working. But when I tried to apply CSS to elements which are present inside #shadow-root . Below is my HTML code <ion-item class="itm-pad" no-padding> <p>Rajkumar</p> <ion-buttons slot="start"> <ion-button> <ion-icon slot="icon-only" name="funnel"></ion-icon> </ion-button> </ion-buttons> <ion-buttons slot="end"> <ion-button> <ion-icon slot="icon-only" name="search"></ion-icon> </ion-button> </ion-buttons> </ion-item> Please

Ionic 4 Select Multiple Image From Gallery with Image-picker Not Working

ⅰ亾dé卋堺 提交于 2020-12-15 06:59:41
问题 I Use Image-Picker for select multiple Image From Gallery But I Get The "Plugin_not_installed" I Use From link To Install plugin ionic image picker ionic cordova plugin add cordova-plugin-telerik-imagepicker npm install @ionic-native/image-picker after install cordova plugin and telerik image picker in my package.json : { "name": "sheedo", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng

Ionic 4 Select Multiple Image From Gallery with Image-picker Not Working

痴心易碎 提交于 2020-12-15 06:58:21
问题 I Use Image-Picker for select multiple Image From Gallery But I Get The "Plugin_not_installed" I Use From link To Install plugin ionic image picker ionic cordova plugin add cordova-plugin-telerik-imagepicker npm install @ionic-native/image-picker after install cordova plugin and telerik image picker in my package.json : { "name": "sheedo", "version": "0.0.1", "author": "Ionic Framework", "homepage": "https://ionicframework.com/", "scripts": { "ng": "ng", "start": "ng serve", "build": "ng

Ionic 4 Events not working in device but working on browser

孤街醉人 提交于 2020-12-15 04:19:01
问题 I'm using "@ionic/angular": "^4.11.10" I'm trying to display the tabs in ion-tabs in ion-tab-bar depending on whether an event was emitted. I have an *ngIf for conditional rendering. Here's the code: <ion-tabs color="danger"> <ion-tab-bar class="tab-bar" slot="bottom"> <ion-tab-button *ngIf="!registerClicked" tab="tab1"> <ion-icon name="thumbs-up"></ion-icon> <ion-label>{{'Transfer' | translate}}</ion-label> </ion-tab-button> <ion-tab-button tab="tab2"> <ion-icon name="gift"></ion-icon> <ion

Ionic 4 Events not working in device but working on browser

荒凉一梦 提交于 2020-12-15 04:15:13
问题 I'm using "@ionic/angular": "^4.11.10" I'm trying to display the tabs in ion-tabs in ion-tab-bar depending on whether an event was emitted. I have an *ngIf for conditional rendering. Here's the code: <ion-tabs color="danger"> <ion-tab-bar class="tab-bar" slot="bottom"> <ion-tab-button *ngIf="!registerClicked" tab="tab1"> <ion-icon name="thumbs-up"></ion-icon> <ion-label>{{'Transfer' | translate}}</ion-label> </ion-tab-button> <ion-tab-button tab="tab2"> <ion-icon name="gift"></ion-icon> <ion

How can I solve the issue of ionic, icons not showing in app

这一生的挚爱 提交于 2020-12-13 04:26:09
问题 Getting an issue with ionic icon I am using Ionic 4 version and Angular 8 Trying to add qr code icon but no luck I am using ionic doc https://ionicons.com/ <ion-menu-toggle auto-hide="false"> <ion-item (click)="scanBarcode()"> <ion-icon name="qr-code-outline" slot="start"></ion-icon> <ion-label> Scan QR </ion-label> </ion-item> </ion-menu-toggle> 回答1: You are using Ionic v4, but the Latest Version is Ionic v5. With this Major Upgrade the Icons changed also. When you are searching the

Ionic Capacitor Camera, generate full quality image and display it without generating Base64 and DataUri

浪子不回头ぞ 提交于 2020-12-04 08:21:58
问题 In my Ionic Project, I am using Capacitor for deployment in mobile platforms. For capturing an image from device, I am using Capacitor Camera which helps me to get the image in three formats. 1. Base64. 2. DataUrl. 3. FileUri. onCaptureImage() { if (!Capacitor.isPluginAvailable('Camera')) { this._sharedService.showToastMessage( 'Unable To Open Camera', 1000); return; } Plugins.Camera.getPhoto({ quality: 60, source: CameraSource.Prompt, correctOrientation: true, resultType: CameraResultType