Quantcast
Channel: Ionic Forum - Latest topics
Viewing all 70433 articles
Browse latest View live

Failed to apply plugin [id 'io.fabric'] > Cannot add extension with name 'crashlytics', as there is an extension already registered with that name

$
0
0

@rameshkondur wrote:

Failed to apply plugin [id ‘io.fabric’] > Cannot add extension with name ‘crashlytics’, as there is an extension already registered with that name

Posts: 1

Participants: 1

Read full topic


Ionic 4.6 - Carbon

Help with my project ionic1 its so basic but i have issues about http.post and json data

$
0
0

@Bugrayndny wrote:

Hi guys, i have very basic project that i must be finish in two days but i have some issues.

My ControllerJs Code;

$scope.dataBack={};

$scope.calculate = function(a,b){
console.log("Start: "+ a, "Finish: "+ b);

 $http.post('https://maps.googleapis.com/maps/api/distancematrix/json?units=imperial&origins='+a+'&destinations='+b+'&mode=driving&departure_time=now&traffic_model=optimistic&key=AIzaSyD4Q7mPb9XhS5i0KvgsCfi-ahKB-rooqOI')
.then(function(data){$scope.dataBack = data;
});

};

The question is, there is Google APİ above as you can see and ı want to take a single data from this APİ.
This api turns JSON back.ım trying to reach a “value” data of this JSON but ı cant.

ım coding like ;
console.log($scope.dataBack.rows[0].elements[0].duration_in_traffic.value);

but it turns back error about tha code above.

How am i suppose to do the JSON convert part? I think the problem is about JSON.
Please help me thanks.

EDİT: Btw the output of link is something like that;

{
   "destination_addresses" : [ "Rize, Rize Merkez/Rize, Türkiye" ],
   "origin_addresses" : [ "Ordu, Türkiye" ],
   "rows" : [
      {
         "elements" : [
            {
               "distance" : {
                  "text" : "204 mil",
                  "value" : 328881
               },
               "duration" : {
                  "text" : "4 saat 48 dakika",
                  "value" : 17270
               },
               "duration_in_traffic" : {
                  "text" : "4 saat 32 dakika",
                  "value" : 16315
               },
               "status" : "OK"
            }
         ]
      }
   ],
   "status" : "OK"
}

Posts: 1

Participants: 1

Read full topic

How to build ionic app for ios

$
0
0

@Prabhuadams wrote:

am building an ionic app when i try to run on xcode,the app runs but stops after splashscreen.Please help me with this.

Posts: 1

Participants: 1

Read full topic

Position: sticky doesnt work for element inside

$
0
0

@joshoconnor89 wrote:

I have implemented a table, which is very wide (much wider than the screen), and the user can scroll horizontally.

At the far left, is a task-row component which has an element with a “sticky” header (.task-row_main class), which doesnt move when scrolling horizontally, by using the css `position: sticky .

.task-row_main {
    display: flex;
    align-items: center;
    max-width: 230px;
    flex-shrink: 1;
    flex-grow: 1;
    position: -webkit-sticky;
    position: sticky;
    left: 1px;
}

When I add my task-row component into ion-item , the sticky header breaks, and I cannot figure out how to get around this.

<ion-item>
    <task-row>
    </task-row>
</ion-item>

How do I make it so that position: sticky works for element inside an <ion-item>?

Posts: 1

Participants: 1

Read full topic

Ionic app android build failure and environment version mismatch

$
0
0

@pragz wrote:

Hi all, We have an Ionic web and mobile application we were using node 6 earlier and then we updated to node 10.16.0 and updated ionic, cordova environment also, now the problem is my project is not building neither dev nor prod for android platform. I think there is some version mis-match which I am unable to figure out. I’ve attached my ionic info screenshot. can someone help me how do I fix this? I also tried to remove and add android platform , node-modules, package-lock.json nothing is wokring… Or should I leave configuring environment to build ionic 3 app and migrate my existing ionic 3 app to ionic 4?

Ionic info:

Ionic:

Ionic CLI : 5.1.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.3.0
@ionic/app-scripts : 3.2.4

Cordova:

Cordova CLI : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 6.4.0
Cordova Plugins : no whitelisted plugins (23 plugins total)

Utility:

cordova-res : not installed
native-run : not installed

System:

NodeJS : v10.16.0 (/usr/local/bin/node)
npm : 6.9.0
OS : macOS High Sierra
Xcode : Xcode 9.2 Build version 9C40b

Plugin list:

card.io.cordova.mobilesdk 2.1.0 “CardIO”
com.paypal.cordova.mobilesdk 3.5.0 “PayPalMobile”
cordova-android-support-gradle-release 1.4.7 “cordova-android-support-gradle-release”
cordova-open-native-settings 1.5.2 “Native settings”
cordova-plugin-android-permissions 1.0.0 “Permissions”
cordova-plugin-camera 2.4.1 “Camera”
cordova-plugin-compat 1.2.0 “Compat”
cordova-plugin-console 1.1.0 “Console”
cordova-plugin-device 2.0.2 “Device”
cordova-plugin-file 4.3.3 “File”
cordova-plugin-file-opener2 2.2.0 “File Opener2”
cordova-plugin-filepath 1.5.5 “cordova-plugin-filepath”
cordova-plugin-geolocation 4.0.1 “Geolocation”
cordova-plugin-globalization 1.0.8 “Globalization”
cordova-plugin-google-analytics 1.8.6 “Google Universal Analytics Plugin”
cordova-plugin-googleplus 5.2.1 “Google SignIn”
cordova-plugin-image-picker 1.1.1 “ImagePicker”
cordova-plugin-inappbrowser 2.0.1 “InAppBrowser”
cordova-plugin-nativegeocoder 2.0.3 “NativeGeocoder”
cordova-plugin-network-information 1.3.3 “Network Information”
cordova-plugin-networkinterface 1.2.0 “NetworkInterface”
cordova-plugin-splashscreen 5.0.2 “Splashscreen”
cordova-plugin-statusbar 2.4.2 “StatusBar”
cordova-plugin-whitelist 1.3.3 “Whitelist”
cordova-plugin-x-socialsharing 5.4.6 “SocialSharing”
cordova.plugins.diagnostic 4.0.8 “Diagnostic”
es6-promise-plugin 4.2.2 “Promise”
ionic-plugin-keyboard 2.2.1 “Keyboard”
mx.ferreyra.callnumber 0.0.2 “Cordova Call Number Plugin”

Posts: 1

Participants: 1

Read full topic

Execution failed for task ':app:fabricGenerateResourcesDebug'. ionic 4

$
0
0

@TaGi wrote:

Hi everyone,
I want to create .apk file but I get this error.

BUILD FAILED in 15s
27 actionable tasks: 4 executed, 23 up-to-date
C:\Users\tagi.a\desktop\maximum-app\platforms\android\gradlew: Command failed with exit code 1 Error output:
FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:fabricGenerateResourcesDebug'.
> Crashlytics Developer Tools error.

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 15s
[ERROR] An error occurred while running subprocess cordova.

        cordova.cmd build android exited with exit code 1.

        Re-running this command with the --verbose flag may provide more information.

My project.properties

target=android-28
android.library.reference.1=CordovaLib
android.library.reference.2=app
cordova.system.library.1=com.android.support:support-annotations:+
cordova.system.library.2=com.google.android.gms:play-services-base:+
cordova.system.library.3=com.google.android.gms:play-services-ads:+
cordova.gradle.include.1=cordova-plugin-firebase/news-build.gradle
cordova.system.library.4=com.google.android.gms:play-services-tagmanager:+
cordova.system.library.5=com.google.firebase:firebase-core:+
cordova.system.library.6=com.google.firebase:firebase-messaging:+
cordova.system.library.7=com.google.firebase:firebase-config:+
cordova.system.library.8=com.google.firebase:firebase-perf:+

IONIC INFO

Ionic:

   Ionic CLI                     : 5.0.2 (C:\Users\tagi.a\node_modules\ionic)
   Ionic Framework               : @ionic/angular 4.5.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Capacitor:

   Capacitor CLI   : not installed
   @capacitor/core : not installed

Cordova:

   Cordova CLI       : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms : android 8.0.0
   Cordova Plugins   : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.0, (and 6 other plugins)

Utility:

   cordova-res : not installed
   native-run  : 0.2.6

System:

   Android SDK Tools : 26.1.1 (C:\Users\tagi.a\AppData\Local\Android\Sdk)
   NodeJS            : v10.15.3 (C:\Program Files\nodejs\node.exe)
   npm               : 6.9.0
   OS                : Windows 10

Posts: 1

Participants: 1

Read full topic

Are you waiting for Ionic Vue 1.0?

$
0
0

@Blaydator wrote:

I have been using Vue for 2 years now, and I don’t want to go back to Angular for my next Ionic App as Ionic Vue is not quite ready for production yet.

Ionic React is on a good way to 1.0 but Ionic Vue is still on in alpha and according to Mike in The Ionic Show of June 12th 2019 :

[Vue] is the least on the priority list for us.

So if you are also waiting for Ionic Vue stable release, express yourself and show this post some love with a :heart: so the Ionic team can raise priority for Vue !

Posts: 1

Participants: 1

Read full topic


Providers in ionic 3 ||can anyone help me out ||use of

$
0
0

@Rishab24 wrote:

use of export class User
`import { Injectable } from ‘@angular/core’;

export class User {
id: number;
name: string;
}

@Injectable({
providedIn: ‘root’,
})
export class UserService {

constructor() { }

getUsers(): Promise<User> {
return Promise.resolve([
{ id: 1, name: ‘Maria’ },
{ id: 2, name: ‘Alex’ },
{ id: 3, name: ‘Chuntao’ },
{ id: 4, name: ‘Béatrice’ },
{ id: 5, name: ‘Sarah’ },
{ id: 6, name: ‘Andrés’ },
{ id: 7, name: ‘Abdul’ },
{ id: 8, name: ‘Pierre’ },
{ id: 9, name: ‘Jiao’ },
{ id: 10, name: ‘Seth’ }
]);
}

}

/*
Copyright Google LLC. All Rights Reserved.
Use of this source code is governed by an MIT-style license that
can be found in the LICENSE file at http://angular.io/license
*/`

Posts: 1

Participants: 1

Read full topic

Background image cant show in device android marshmallow? IONIC 4

$
0
0

@fikry_id wrote:

I successfully displayed the background image in another device. but on android 6 it doesn’t work. Help me someone. Thank you in advance

Posts: 1

Participants: 1

Read full topic

Dynamically import a scss depending on the environment/logic

$
0
0

@gowrisankar509 wrote:

Hi Guys,

I have two css/scss file i need to load this files in particular page only

Example
if(mydata==“strt”
{
//load one.css/one.scss
}
else
{
//load two.css/two.scss
}

Please suggest me two solve this.

Posts: 1

Participants: 1

Read full topic

BLE challenge

$
0
0

@gropadev wrote:

Hi everyone.
I have a challenge that surpasses me.
I write application to communication with device with the use bluetooth low energy (BLE).On device BLE communication is based on the ATMEL CSC software framework. At the beginning I will mark that Bluetooth Serial (https://ionicframework.com/docs/native/bluetooth-serial) plugin does’t connect with device.

I use BluetoothLE plugin https://ionicframework.com/docs/native/bluetooth-le. (github docs https://github.com/randdusing/cordova-plugin-bluetoothle)

Connection, discoverd all services, subscribtion on service works perfectly.

Problem:

I have no idea how to send a request for the parameters and answer the answer. I use the https://play.google.com/store/apps/details?id=com.microchip.bluetooth.data&hl=en application that allows “chat” with the device and there I can send such a rare payment and I get an answer but I do not know how to solve it in my application. Perhaps I should do the right steps in the right order, but I do not have any ideas anymore.

Posts: 1

Participants: 1

Read full topic

Apple review found problems on iPad running iOS 12.3.1 (ionic 3)

$
0
0

@diegomendespt wrote:

Apple says they found a problem with a button not doing anything on an iPad running iOS 12.3.1 . As I can’t get my hands on any iPad running iOs 12.3.1, I wanted to know if there is any way to get a simulator with iOS 12.3.1 .
There are many people having problems with this particular iOS version when uploading an App.

Posts: 1

Participants: 1

Read full topic

Floating Action Button as Input type="file"

$
0
0

@lucaceck95 wrote:

Hi everyone,
i’m developing an app and i want this layout:

Audio List (expandable)
Video List (expandable)
Image List (expandable)

FAB at the bottom -> if pressed i need to open a “file manager” like <input type="file">

i tried to put the <input> component in fab component, but this is the result.

<ion-fab vertical="bottom" horizontal="center" slot="fixed">
    <ion-fab-button>
      <ion-input type="file">
      </ion-input>
      <ion-icon name="add"></ion-icon>
    </ion-fab-button>
  </ion-fab>

how can i do? i’d like to not use plugins (if possible)
can i add the <input type="file"> functionality to a FAB?

thanks for the help

Posts: 1

Participants: 1

Read full topic

Ionic 4 release build error


Ion-select-option Not fire (ionSelect) event

$
0
0

@nijesh-wiredelta wrote:

Regarding ionic select in v3 I used the below code where we have (ionSelect) in ion-option to fire select option event.

        <ion-option selected="true">Standard tone</ion-option>
        <ion-option *ngFor="let tone of ringtones;" [value]="tone.Url" (ionSelect)="playSound($event)">{{tone.Name}}</ion-option>
     </ion-select>
Let me know alternate in ionic 4 since in v4 not supporting `(ionSelect)`

Posts: 1

Participants: 1

Read full topic

Ionic 4 bugs on Android 7 emulator

$
0
0

@S-O-F wrote:

Ionic 4 has some bugs on Android 7 emulator.
For example --ion-grid-columns and ion-img not working.

Ion grid columns example bug

Just install blank app and add:

<ion-grid>
    <ion-row class="ion-justify-content-start">
      <ion-col size="12">
        <div>
          1 of 2
        </div>
      </ion-col>
      <ion-col size="4">
        <div>
          2 of 2
        </div>
      </ion-col>
    </ion-row>
  </ion-grid>

In css:

ion-grid {
    --ion-grid-columns: 16;
}

Result:

I’ve read this post and understand that emulator has legacy browser. But i can’t be sure that users with real devices have latest Chrome browser with latest webview. Is it possible fix this bugs on “old webview” (using polyfills or somehow else)?

Emulator User-Agent

Mozilla/5.0 (Linux; Android 7.0; Android SDK built for x86 Build/NYC; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/51.0.2704.90 Mobile Safari/537.36

Ionic info
Ionic:

   ionic (Ionic CLI)             : 4.12.0 (/usr/local/lib/node_modules/ionic)
   Ionic Framework               : @ionic/angular 4.5.0
   @angular-devkit/build-angular : 0.13.9
   @angular-devkit/schematics    : 7.3.9
   @angular/cli                  : 7.3.9
   @ionic/angular-toolkit        : 1.5.1

Cordova:

   cordova (Cordova CLI) : 9.0.0 (cordova-lib@9.0.1)
   Cordova Platforms     : android 8.0.0
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 4 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/user155266/Library/Android/sdk)
   ios-deploy        : 1.9.4
   ios-sim           : 8.0.1
   NodeJS            : v10.15.3 (/usr/local/bin/node)
   npm               : 6.9.0
   OS                : macOS Mojave
   Xcode             : Xcode 10.2.1 Build version 10E1001

Posts: 1

Participants: 1

Read full topic

Better operating system than 64 bit?

$
0
0

@bkdroid13 wrote:

I want to ask one general question here, We have seen 32 bit and 64 bit Operating System.
Is there any other larger size bit Operating System exist? If yes can you please share the link to download it.? i want the best speed operating system.
Thanks

Posts: 1

Participants: 1

Read full topic

Ionic 4 ViewController is not exists

App Icons badging-api

$
0
0

@madn wrote:

Hi,

i am thinking about creating a kind of news website with a notification function using ionic / pwa.
It would be important to be informed about new messages, even if you haven’t opened the page.
Has anyone had any experience with badging-api and how to use it effectively with ionic?

Posts: 1

Participants: 1

Read full topic

Viewing all 70433 articles
Browse latest View live


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