ionic4

IONIC ISSUE Could not resolve org.jetbrains.kotlin:kotlin-stdlib:1.1.3-2

由 我的梦境 提交于 2019-12-08 14:23:49
问题 I am trying to build and emulate an android app using IONIC framework, but I am facing some issues after running ionic cordova build android. Here are all the versions listed: OS: Windows 10 x64 Ionic: 4.12.0 Cordova: 8.1.2 Gradle: 4.10.1 I also create a gradle.properties file in [project_name]\platforms\android where I specify the http and https settings for my proxy. The same I did in the gradle-wrapper.properties file. ionic-v1 build [11:26:25] Invoking sass gulp task. cordova build

Leaflet Map and IONIC 4

由 依然范特西╮ 提交于 2019-12-08 08:34:52
问题 I need to create maps on IONIC 4. But it is not possible, because I don't have maps for IONIC 4. So, is it possible to create a Leaflet Map on IONIC 4 for an App on Android? 回答1: npm install leaflet --save inside angular.json or any similar config doc of your app, add the following: a) "assets": [ ..., { "glob": "**/*", "input": "./node_modules/leaflet/dist/images", "output": "leaflet/" } ], b) "styles": [ ..., "./node_modules/leaflet/dist/leaflet.css" ], Inside your component.html: <div id=

Ionic - Push notification. Method fcm.onNotification not work when app is open/running

由 余生长醉 提交于 2019-12-08 08:10:55
问题 I have a ionic app (v4). I want send push notification. I use cordova-plugin-fcm-with-dependecy-updated plugin and @ionic-native/fcm dependency. In app.component.ts I have: initializeApp() { this.plt.ready().then(() => { this.fcm.onNotification().subscribe(data => { console.log(data) }); }); } I send a push notification: POST https://fcm.googleapis.com/fcm/send headers: Content-Type: application/json Authorization: key=my-key body: { "notification":{ "title":"My Title", "body":"My body",

Ionic Stencil: Extending default components

由 梦想与她 提交于 2019-12-08 05:43:33
问题 I need to make certain changes in the behavior of some of the ionic components. It was easy enough with Ionic 3 and angular components, but now that we're migrating to Ionic 4, I'm finding it more challenging to alter the default web components in @ionic/core . I have created a new stencil components project and added the npm package for @ionic/core . I tired extending the datetime component and found that the web components cannot have super classes. So I copied over the entire folder for

Ionic 4 + Angular 6 PWA Styles not working / broken

由 可紊 提交于 2019-12-08 04:30:21
问题 Hope someone can help me here, I have an Ionic 4 app using Angular 6 pwa. I have followed the steps in this post to get it working https://www.joshmorony.com/create-a-pwa-with-angular-service-workers-in-ionic-4/ All the steps complete fine and also the package builds and runs correctly without errors. However all my control specific styles are missing e.g my-controll.component.scss app-my-contol { ion-content { background-color: var(--light-gray-lightest); } .my-class { padding:0; list-style:

Ioniv-v4 : ionic cordova plugin add cordova-plugin-googleplus Not working

由 帅比萌擦擦* 提交于 2019-12-07 17:18:26
This (cordova-plugin-googleplus) command is not working with IONIC-v4-BETA, please help on this issue, details mentioned below. Command ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=REV_KEY COMMAND ERROR PS C:\ROOT\yaflix\Source\DEV\yaflix> ionic cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=com.googleusercontent.apps.**************************************** > cordova plugin add cordova-plugin-googleplus --variable REVERSED_CLIENT_ID=com.googleusercontent.apps.********************************** --save (node:10740)

Ionic 4 : Hide ion-tab-bar while scrolling, just like LinkedIn app

由 柔情痞子 提交于 2019-12-07 13:35:37
问题 I am using default ion-tab-bar with bottom placement as shown in the LinkedIn app. I want to hide the tab-bar while scrolling and show it again when scrolling stops. This feature can be seen in the LinkedIn app. Here is tabs.page.html <ion-tabs > <ion-tab-bar slot="bottom" > <ion-tab-button tab="tab1"> <ion-icon name="desktop"></ion-icon> <ion-label>Tab Three</ion-label> </ion-tab-button> <ion-tab-button tab="tab2"> <ion-icon name="person"></ion-icon> <ion-label>Tab Two</ion-label> </ion-tab

Programmatically scroll ion-segment

由 扶醉桌前 提交于 2019-12-07 12:10:23
问题 Is there any way to control scrolling on segments? In my case the slider and segments depends on each other and when you swipe slides, overflowwing segments does not slide, but active segment will be correctly choosed My view and controller code: <ion-segment scrollable mode="md" (ionChange)="segmentChanged()" [(ngModel)]="segment" color="warning"> <ion-segment-button mode="md" value="0"> <p>Description</p> </ion-segment-button> <ion-segment-button mode="md" value="1"> <p>Interconnections</p>

Ionic 4 ion-slides change css style of the active slide using ngClass

由 醉酒当歌 提交于 2019-12-07 09:39:27
EDIT: adding a stackblitz: https://stackblitz.com/edit/ionic-b2r7si I am using ion-slides as following: <ion-slides class="fullWidth" [options]="slideOptsOne" #slideWithNav (ionSlideDidChange)="change($event)"> <ion-slide #status *ngFor="let array of arrays"> <ion-col> {{array}} </ion-col> </ion-slide> </ion-slides> I need to change the css style of the current active slide, like make it underlined or bold. I've done some researches and apparently I should use [ngClass]='' but can't know how. I am getting the index of the active slides using: change(e) { this.slides.getActiveIndex().then(

How can i add and use bootstrap to an ionic 4 app

由 末鹿安然 提交于 2019-12-07 06:15:07
问题 Im building an ionic 4 application and i want to use bootstrap with out using the CDN method. I have installed bootstrap with npm install bootstrap. 回答1: With Ionic 4, this can be done easily by making use of the angular.json file open the angular.json file, this can be located at the root of your project locate the the styles array, add the path to the downloaded bootstrap file "styles": [ { "input": "src/theme/variables.scss" }, { "input": "src/global.scss" }, { "input": "node_modules
订阅 ionic4