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

Best group video call app

March 30, 2022, 12:43 am
$
0
0

Albeit virtual, best group video call app correspondence more private and real. This reality has pushed the reception of video visiting applications as an instrument for customized correspondence.

In informing applications like WhatsApp and Facebook courier, video calling is one of the most utilized sorts of correspondence. Starting around 2017, more than 55 million video calls are made on WhatsApp day to day.

These days, the video call highlight has become norm face to face to-individual (P2P) portable correspondence applications like WhatsApp and Viber. These informing applications are for the most part utilized on versatile. Then again, business applications like Skype and Zoom offer video call capacities on versatile, work area, and web.

Contrasted with informing applications, business video conferencing applications offer a more extensive scope of choices on the grounds that their main interest group works in formal and relaxed environments. In proper settings, PCs and work areas are generally utilized for work, while in casual environments, anything goes - cell phone, PC, work area, and tablets.

1 post - 1 participant

Read full topic

↧
Search

Support for react router v6 in @ionic/react-router

March 30, 2022, 3:22 am
$
0
0

Hi Ionic Team,
I’m having an issue with the @ionic/react-router because of an old version. I was building an app in ionic and wanted to use the latest react-router v6 library because the older version has some issues, But the @ionic/react-router is still using an old version of react-router which is bad and unsupportive to the v6 router. Can anyone tell me when the latest version of @ionic/react-router will be published with the v6 router support? I request Ionic Team to please push the new update ASAP, Thanks!

Regards,
Abdullah Khan

1 post - 1 participant

Read full topic

↧
↧

Ion-datetime how do I scroll down endlessly?

March 30, 2022, 3:54 am
$
0
0

I want the time picker (ion-datetime: Ionic API Input for Datetime Format Picker) to rotate endless.

If I select hours I start at 0 and end at 23. When I’m at 23 I have to scroll all the way up to get to 0.

What I want is when I’m at 23 to just scroll one unit further down so it starts at 0 again so that I could theoretically scroll down endlessly.

1 post - 1 participant

Read full topic

↧

Top programming languages: Java takes an unexpected leap forward

March 30, 2022, 5:23 am
$
0
0

Java has dynamic nature as it stacks the unique classes on request, dynamic accumulation, the memory of the executives, trash assortment, and so on. Java offers all the benefits of high-level OOP languages with modular software, flexibility, extensibility, and an easy development process. But it doesn’t offer as great performance as C++, for instance. Java is an extremely strong coding language and there are countless ways of getting into the coding and web creating area assuming you have a superior order of it. This course requires tolerance, logical reasoning capacity, meticulousness as they are fundamental in turning into an effective software engineer. For more details visit here:- Java classes in Pune

1 post - 1 participant

Read full topic

↧

Bug with ionic slides

March 25, 2022, 4:16 am
$
0
0

Inkedlocalhost_8100_tabs_feed(iPhone X) (19)_LI

Inkedlocalhost_8100_tabs_feed(iPhone X) (20)_LI

So as you see on my screens . i am using ion-slides with 1.3 slidesperview but the issue is when we move on to last ion-slide it starts to the mid of the body but i want it to the very left start of body.

1 post - 1 participant

Read full topic

↧
↧

Ionic icon svg download failing

March 30, 2022, 7:10 am
↧

Bug with ionic slides

March 25, 2022, 4:16 am
$
0
0

Inkedlocalhost_8100_tabs_feed(iPhone X) (19)_LI

Inkedlocalhost_8100_tabs_feed(iPhone X) (20)_LI

So as you see on my screens . i am using ion-slides with 1.3 slidesperview but the issue is when we move on to last ion-slide it starts to the mid of the body but i want it to the very left start of body.

1 post - 1 participant

Read full topic

↧

Grayed out button bug on Android devices

March 30, 2022, 8:51 am
$
0
0

I’m seeing an intermittent behavior in which an ion-button in the header stays grayed out after being pushed. The state looks disabled but the button is actionable - seems like maybe the CSS is not being applied correctly.

Screen Shot 2022-03-30 at 11.42.20 AM

Here is the simple code - no local or global CSS or other code modifying ion-button :

<ion-header>
  <ion-toolbar>
    <ion-title>
      TITLE
    </ion-title>
    <ion-buttons slot="end">
      <ion-button (click)="create()">
        NEW THING
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

1 post - 1 participant

Read full topic

↧
Search

Bring application to foreground when receiving push notification

March 29, 2022, 6:21 am
$
0
0

Hi,

I am trying to bring my Capacitor 3 + Angular app in to the foreground when receiving a data only push message. The aim is to present the user with a “Phone ringing” screen like a normal call. I have been able to code in the push messages and have them receive and process but this is all when the app is running. I have tried using cordova plugin - background mode but it causes Gradle compile errors. I’m not sure where to go next

app.module.ts

import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';
....
providers: [
    BackgroundMode
]

in app.component.ts

import { BackgroundMode } from '@awesome-cordova-plugins/background-mode/ngx';
....
constructor(private backgroundMode: BackgroundMode) { this.setupBackgroundListener(); }

setupBackgroundListener(): void {
    this.backgroundMode.enable();

    const bgModeOn = this.backgroundMode.isEnabled();
    this.logger.log(`[Background Mode] Is enabled? ${bgModeOn}`);
  }
...

In Gradle I see

Line 1 - Msg: Native: tried calling BackgroundMode.enable, but the BackgroundMode plugin is not installed.
Line 1 - Msg: Install the BackgroundMode plugin: 'ionic cordova plugin add cordova-plugin-background-mode'
Line 1 - Msg: Native: tried calling BackgroundMode.isEnabled, but the BackgroundMode plugin is not installed.
Line 1 - Msg: Install the BackgroundMode plugin: 'ionic cordova plugin add cordova-plugin-background-mode'

1 post - 1 participant

Read full topic

↧
↧

Error awesome-cordova-plugins/onesignal

March 30, 2022, 9:36 am
$
0
0

Problemas con awesome-cordova-plugins/onesignal e Ionic 6.18.1

Proyecto
Ionic:

Ionic CLI : 6.18.1 (C:\Users\Administrador\AppData\Roaming\nvm\v16.13.1\node_modules@ionic\cli)
Ionic Framework : @ionic/angular 6.0.1
@angular-devkit/build-angular : 13.0.4
@angular-devkit/schematics : 13.0.4
@angular/cli : 13.0.4
@ionic/angular-toolkit : 5.0.3

Capacitor:

Capacitor CLI : 3.3.3
@capacitor/android : 3.3.3
@capacitor/core : 3.3.3
@capacitor/ios : not installed

Utility:

cordova-res : 0.15.4
native-run : 1.5.0

System:

NodeJS : v16.13.1 (C:\Program Files\nodejs\node.exe)
npm : 8.3.0
OS : Windows 10

Tomando el ejemplo de OneSignal | OneSignal Cordova SDK Push Notification Plugin, al intentar recuperar los datos del usuario conectado

this.oneSignal.getIds().then((user) => {
console.log('User onsignal => ', user);
});

se respuesta es
{
pushToken: “” //=> error
userId: “45454d04-9596-11ec-acff-566304db382f”
}

al no generar el pushToken, el usuario no recibe las notificaciones y la respuesta del api de Onesignal es:

https://onesignal.com/api/v1/notifications
Body:
{
“app_id”:“idProyect”,
“headings”:{
“es”:“ONS JMLA”,
“en”:“ONS JMLA”
},
“contents”:{
“es”:“Validando las notificaciones.”,
“en”:“Validando las notificaciones.”
},
“include_player_ids”:[“playerId”]
}
Response:
{
“id”: “”,
“recipients”: 0,
“errors”: {
“invalid_player_ids”: [
“45454d04-9596-11ec-acff-566304db382f”
]
}
}

1 post - 1 participant

Read full topic

↧

Ion-camera Acesso negado

March 30, 2022, 10:35 am
$
0
0

Após todo o processo da função da camera o app retorna o seguinte erro: “Acesso negado”, mesmo após permitir o acesso e além disso não aparece nenhum erro no console além do “No image Selected” que no caso esta retornando. pois, nenhuma imagem foi selecionada.
Print do erro:

image

Código:

takePicture() {

this.photo = '';

const options: CameraOptions = {

  quality: 100,

  destinationType: this.camera.DestinationType.DATA_URL,

  encodingType: this.camera.EncodingType.JPEG,

  mediaType: this.camera.MediaType.PICTURE,

  allowEdit: true,

  targetWidth: 100,

  targetHeight: 100

}

this.camera.getPicture(options)

  .then((imageData) => {

    let base64image = 'data:image/jpeg;base64,' + imageData;

    console.log(base64image)

    this.photo = base64image;

  }, (error) => {

    console.error(error);

  })

  .catch((error) => {

    console.error(error);

  })

}

1 post - 1 participant

Read full topic

↧

Google maps integration with Ionic react

March 30, 2022, 11:04 am
$
0
0

I am trying to search Google Maps Package for Ionic React I am not found it. anyone help me for integrate google maps

1 post - 1 participant

Read full topic

↧

How to Unit Test onIonViewWillEnter (or any ionic specific hooks)

March 30, 2022, 1:35 pm
$
0
0

Trying to get ionic hooks to fire in Ionic 6 with Vue.
Minimal example showing that the onIonViewWillEnter hook is never fired in the test. onMounted is called though.

Basic Component:

<template>
  <ion-page>
    <ion-content :fullscreen="true" color="light">
    </ion-content>
  </ion-page>
</template>

<script lang="ts" setup>
import { 
  IonPage, 
  IonContent,
  onIonViewDidEnter
} from '@ionic/vue';
import { onMounted } from 'vue';

onMounted(() => {
  console.log('onMounted called');
});

onIonViewDidEnter(() => {
  console.log('onIonViewDidEnter called');
})
</script>

The test:

import { mount } from '@vue/test-utils'
import { IonicVue } from '@ionic/vue';
import Dashboard from '@/dashboard/views/Dashboard.vue';

describe('Dashboard', () => {
  describe('should call onIonViewDidEnter', () => {
    it('renders the login component', () => {
      const wrapper = mount(Dashboard, {
        global: {
          plugins: [IonicVue]
        }
      });
    })
  })
});

Basically how do I unit test when using the ionic lifecycle hooks?

1 post - 1 participant

Read full topic

↧
↧

Sum of dynamic objects in array

March 30, 2022, 11:33 pm
$
0
0

Hi, I have the below array whose object will increase and decrease dynamically. and each time I need to
get the total by doing “price” * “quant”.

[
    {
        "id": "95",
        "price": 100,
        "quant": 1
    },
    {
        "tovar_id": "73",
        "price": 4,
        "quant": 2
    },
    {
        "tovar_id": "75",
        "price": 10,
        "quant": 2
    }
]

I need something like
total = 28

I have tried this way and it reset the total value each time a new object added to it.

total(){

    if (this.sell.length > 0) {

      for(let i = 0; i < this.sell.length; i++){

        this.itemstotal = this.sell[i]['quant']*this.sell[i]['price'];

        break;

      }

      console.log("TOTAL ",this.itemstotal);

    }

  }

Thanks in advance.

1 post - 1 participant

Read full topic

↧

Does ionic-angular supports nested `ion-router-outlet`?

March 31, 2022, 12:12 am
$
0
0

It does not seem to be supported in ionic-react: feat: Make react router work with nested routes · Issue #22992 · ionic-team/ionic-framework · GitHub

But does ionic-angular support it?

Example use case:

<ion-app>
  <ion-router-outlet></ion-router-outlet>
</ion-app>

And lets say inside the above ion-router-outlet we have:

<ion-menu>
  ...
</ion-menu>
<div class='ion-page'>
  <ion-content [fullscreen]="true">
    <ion-router-outlet>
    </ion-router-outlet>
  </ion-content>
</div>

Links inside the <ion-menu> would work well (i.e, shows the transition animations, get put into the ionic stack, etc), but any link inside the nested ion-router-outlet would not work (not showing transitions, not put into the ionic stack), and also messes up display.

Changing the nested <ion-router-outlet> into <router-outlet> fixes the display issue, but understandably it does not show the transition nor put the navigation into the navigation stack (in particular, <ion-back-button> would not work anymore).

1 post - 1 participant

Read full topic

↧
Search

Print with inbuilt print pos terminal

March 31, 2022, 12:12 am
$
0
0

I wan to discuss about print with inbuilt print pos terminal, i want to print from angular ionic , please help me how i can do,

Please Advise me how can i do, i have Android print api SDK, but i don’t know how i can implement with angularJS.

Thanks

1 post - 1 participant

Read full topic

↧

Apple Wallet and Google Pay Cards

March 31, 2022, 1:35 am
$
0
0

I have a QR-CODE from a string that I need to convert to pkpass and Add to Wallet or Google Pay Card.
I use the Ionic Native Apple Wallet but I don’t want to add a Credit Card, its only a QR-CARD.

1 post - 1 participant

Read full topic

↧
↧

Two line buttons in ionic 6

March 31, 2022, 7:53 am
$
0
0

I’m trying to create a two-line ion-button in Ionic 6. I’ve searched Stack Overflow and the answer of overriding .button-inner with flex-flow: column isn’t working because that class can’t be accessed within the shadow DOM. Is there another way of doing this?

I’ve tried all of the following both inside :host and outsite :host within my Angular components scss.

.button-inner {
    flex-flow: column;
}

ion-button {
    &::part(native) {
        .button-inner {
            flex-flow: column;
        }
    }
}

ion-button {
    &::part(native) .button-inner {
        flex-flow: column;
    }
}

1 post - 1 participant

Read full topic

↧

I can't implement social sharing for image on Android 12

March 31, 2022, 7:56 am
$
0
0

I tried

  1. @awesome-cordova-plugins/social-sharing which crashes my app on Android 12 when calling its method,
  2. @capacitor/share but this does not support image sharing, and
  3. navigator.share(), which does not support image sharing as well.

Please guide me if you have any way to implement social sharing for image.

1 post - 1 participant

Read full topic

↧

Ionic Failed to find 'JAVA_HOME' environment variable

March 31, 2022, 8:20 am
$
0
0

[15:14:04]: Shell command exited with exit status 1 instead of 0.

You have been opted out of telemetry. To change this, run: cordova telemetry on.
Generating initial manifest for Ionic Deploy…
Ionic Deploy initial manifest successfully generated.
Checking Java JDK and Android SDK versions
ANDROID_SDK_ROOT=/opt/android-sdk (recommended setting)
ANDROID_HOME=/opt/android-sdk (DEPRECATED)
Failed to find ‘JAVA_HOME’ environment variable. Try setting it manually.

same environment i’ve been using to build android via platform, but this time it gives this error. how do i fix?

failed build: app/7b074fb3/build/builds/7904064

successful build: app/7b074fb3/build/builds/7795934

1 post - 1 participant

Read full topic

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