Quantcast
Channel: Ionic Forum - Latest posts
Viewing all 228527 articles
Browse latest View live
↧

How to integrate google map navigation inside my ionic application?

January 22, 2020, 1:37 am
$
0
0

Hi Team,

I am developing a hybrid mobile app using ionic framework, i need support on using google map API services in my ionic app.

I need to integrate google map navigation inside my ionic application.

Actually i want to use google map navigation as like which is used in ola cabs or uber cabs.

From the google maps documentation, i have already implemented, direction from one location to another, calculating distance in km and once i am ready to start the ride, i need to show the map navigation inside my ionic app and to track the distance travelled inside my ionic app itself.

Currently i am using native component, this will open google map in separately with the location navigation.

But my requirement is to show google map navigation inside my ionic app.

Please make a note, i have already created a billing account in google map console.

Kindly help me out to implement this as soon as possible.

Thanks,
Prem Kumaran R

↧
Search

ERR_CLEARTEXT_NOT_PERMITTED in debug app on Android

January 22, 2020, 1:39 am
$
0
0

Im using IONIC 5.4.13, cordova 9.0.0 (cordova-lib@9.0.1)

I might be repeating information but for me problem started appearing after adding some plugin (not sure yet). I tried all above combinations, but nothing worked. It only started working after adding:

   <base-config cleartextTrafficPermitted="true">
       <trust-anchors>
           <certificates src="system" />
       </trust-anchors>
   </base-config>

to file in project at

resources/android/xml/network_security_config.xml

so my network_security_config.xml file now looks like:

<?xml version="1.0" encoding="utf-8"?>
<network-security-config>
   <base-config cleartextTrafficPermitted="true">
       <trust-anchors>
           <certificates src="system" />
       </trust-anchors>
   </base-config>
    <domain-config cleartextTrafficPermitted="true">
        <domain includeSubdomains="true">localhost</domain>
        <domain includeSubdomains="true">10.1.25.10</domain>
    </domain-config>
</network-security-config>

Thanks to all.

↧
↧

Modal Border Bottom Radius

January 22, 2020, 1:39 am
$
0
0

His guys,

I’m trying to alter the border-bottom-left and border-bottom-right radius of a modal.
Ionic --border-radius would change all 4 corners, but I just need the bottom ones.

Any idea how I could solve my problem?

Thanks for your help!

↧

Chart.js for ionic 3 version: Cannot find module “@angular/core/src/render3”

January 22, 2020, 1:40 am
$
0
0

I added chartjs framework into my ionic 3 app. On windows/android, it works but if I try to build the app on mac platform I receive this error:

Cannot find module “@angular/core/src/render3”

ionic info

Ionic:

   ionic (Ionic CLI)  : 4.10.3 (/usr/local/lib/node_modules/ionic)
   Ionic Framework    : ionic-angular 3.9.5
   @ionic/app-scripts : 3.2.2

Cordova:

   cordova (Cordova CLI) : 8.0.0
   Cordova Platforms     : ios 4.5.5
   Cordova Plugins       : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 4.1.1, (and 12 other plugins)

System:

   Android SDK Tools : 26.1.1 (/Users/lsantaniello/Library/Android/sdk)
   ios-deploy        : 1.9.2
   ios-sim           : 6.1.2
   NodeJS            : v7.7.0 (/usr/local/bin/node)
   npm               : 4.1.2
   OS                : macOS High Sierra
   Xcode             : Xcode 10.1 Build version 10B61

Can you help me to solve the issue?

I tried to remove node_modules folder and rerun npm install but the problem is not solved.

Thanks in advance

Luca

↧

Chart.js for ionic 3 version: Cannot find module “@angular/core/src/render3”

January 22, 2020, 2:24 am
$
0
0

Your Node.js version is very old please try to install v12.13.0.
Then remove and add node modules again.

↧
↧

Modal Border Bottom Radius

January 22, 2020, 2:28 am
$
0
0

You can try below css properties.
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;

↧

Modal Border Bottom Radius

January 22, 2020, 2:40 am
$
0
0

Its not working. Thats why the modal component has its own variable --border-radius. But it will change all 4 corners.

↧

Draw over other Apps

January 22, 2020, 3:54 am
↧
Search

How to restrict screen orientation on single page in ionic4

January 22, 2020, 3:57 am
$
0
0

For me
this.screenOrientation.unlock();
this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.LANDSCAPE);
its not working.

On screen orientation I need to close popover-controller and open it again.
That is working for one page but it also showed on another page.

I want it only for one-page

↧
↧

Ionic nfc.connect

January 22, 2020, 4:02 am
$
0
0

Hi madsmile

I had the same problem as you, so I decided to write my own small plugin. I took most of the code from the plugin you mentioned, the connect, transceive and close functions were just commented out, or implemented, but not exposed to the ionic native plugin.

You can find my solution with a (hopefully) useful instruction on how to install and use it on my github repository:

I hope i could help somebody with this

↧

HTTP Get Requests (Wordpress website Rest API calls) not working in iOS App

January 22, 2020, 4:34 am
$
0
0

Do you face any console errors while debugging ios?

↧

Ionic 3 How to display a toast on modal?

January 22, 2020, 5:10 am
$
0
0

Hello I have uncommon structure of creating activity. First user on page OverviewPage can open the modal, which after selecting one activity from list pushes to desired ActivityPage - activity creation page.

Once user leaves ActivityPage, submit new activity I use nav methods in that order

this.navCtrl.getPrevious().data.toastMessage = 'Added activity successfully';
this.navCtrl.pop();

After adding new activity it returns to OverviewPage with modal opened, unfortunately it doesn’t reload that page so I cannot detect in ionViewWillEnter if I can show that popover.

if(this.navParams.data.toastMessage) {
 this.presentToast(this.navParams.data.toastMessage)
}

How can I change code to display that toastMessage in modal after creating new activity ? Thank you.

↧

Can't bind to 'formGroup' since it isn't a known property of 'form'. problem

January 22, 2020, 5:12 am
$
0
0

but you saw the code? I am importing the ReactiveFormsModule in app.module.ts

↧
↧

Can't bind to 'formGroup' since it isn't a known property of 'form'. problem

January 22, 2020, 5:31 am
$
0
0

You have to import it in the page or component module file where you are using ReactiveFormsModule.

↧

How to get clicked radio button value after form submitted in ionic 4

January 22, 2020, 6:02 am
$
0
0

hii i have a login form where i have created a radio button which defines the login user role.
But after form is submitted i am unable to get the value of checked radio button . it is only giving value as true false. How can i get user role??? Please help…

↧
Search

Http requests fails only while releasing Android build APK

January 22, 2020, 7:31 am
$
0
0

Maybe you should try to use the native HTTP plugin

↧

Property 'loadingController' does not exist

January 22, 2020, 8:14 am
$
0
0

I setup the LoadingController as public in app.components.ts:

import { Platform, LoadingController } from '@ionic/angular';

...
constructor(

    public platform: Platform,

    private splashScreen: SplashScreen,

    private statusBar: StatusBar,

    public loadingController: LoadingController

  )
...

Now I attempt to use it in tab2.page.ts:

constructor() {

    this.platform.ready().then(()=>{

      this.loadingController.create({

        message:"loading..."

      }).then((loadingElement)=>{

        loadingElement.present();

        //hide loading in 5 seconds next

        var ref = this;

        setTimeout(function()

        {

          ref.loadingController.dismiss();

        },5000)

      })

    })

Then I attempt to build and am getting these errors:

ERROR in src/app/tab2/tab2.page.ts:14:10 - error TS2339: Property ‘platform’ does not exist on type ‘Tab2Page’.

error TS2339: Property ‘loadingController’ does not exist on type ‘Tab2Page’.

Any help would be appreciate it. I would like it to be a globally available component (declared once) and be able to use it in all my tabs. Thank you.

↧
↧

Set height in percentage of an element inside ion-content

January 22, 2020, 9:03 am
$
0
0

does any one give me solution for this?
i want this date picker in my ionic app using angular fram workReports

↧

Can't bind to 'formGroup' since it isn't a known property of 'form'. problem

January 22, 2020, 9:27 am
$
0
0

I have imported its the second code.

↧

Chart.js for ionic 3 version: Cannot find module “@angular/core/src/render3”

January 22, 2020, 11:22 am
$
0
0

Node updated but issue is not solved

sudo npm cache clean -f
sudo npm install -g n
sudo n stable

rm -rf node_modules/

npm install

ionic cordova build ios --prod

[20:21:57]  ionic-app-script task: "build" 
[20:21:57]  Error: ./src/pages/profile/profile.ts Module not found: Error: Can't resolve '@angular/core/src/render3' in 
            '/Volumes/Data/projects/ionic3/nutrizionista/src/pages/profile' resolve '@angular/core/src/render3' in 
            '/Volumes/Data/projects/ionic3/nutrizionista/src/pages/profile' Parsed request is a module using description 
            file: /Volumes/Data/projects/ionic3/nutrizionista/package.json (relative path: ./src/pages/profile) Field 
            'browser' doesn't contain a valid alias configuration after using description file:

Not solved

↧
Viewing all 228527 articles
Browse latest View live
Search
<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>