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

How to Hide Webview using Ionic Modals with Capacitor Google Maps

January 10, 2024, 7:04 am
$
0
0

I am building an app with Ionic 7 and Angular and I need a way to implement users to pin their locations at the moment of creating a post. Right now I have a tabbed app, that I open a “create report” modal and inside that modal, there is a button to open a second modal with a Capacitor Google Maps map inside.

No matter how hard I try to hide the webview on Android, there are so many elements behind the modal that it has become impossible to correctly do so.

I have an ion-app, that has ion-tabs, that has two ion-modals open.

Does anyone know how to implement a solution like this?

3 posts - 2 participants

Read full topic

↧
Search

BarcoScanner

January 10, 2024, 8:51 am
↧
↧

Splash Screen issues with Android 12 and 13

January 10, 2024, 11:25 am
$
0
0

The issue about the splash screen on Android is very confusing, I hope some of the team or some other one can help us out of this night mare.

We know that there is this issue, but honestly right now we don’t know what is the best way to adopt to get the splash screen working.

So when we create a new Ionic App with Capacitor and we don’t care about the old style, but we just want that the splash screen is working, even if it is also just a icon, and we want that it is hiding when app is ready, what should we do? What is the best practice?

Thx a lot

1 post - 1 participant

Read full topic

↧

Ionic Vuejs coming blank after ionic build

January 10, 2024, 2:10 pm
$
0
0

Hello Everyone,

I am new to Ionic vuejs, I have developed an Ionic vuejs project without typescript and just js, and now I want to deploy this project to the FTP server. I did run an ionic build and can see the dist folder and inside contents of it. My question is that I am also using Tomcat which is on the same FTP server, where my Springboot backend is deployed. So, I need to understand where I should place the contents of the dist folder on the server, and if there are any changes to be done in index.html or any changes to be done in any file in the dist folder before deploying it to the server and how to access the project when deployed, can anyone share some doc or sample project sort of thing to help me understand better with the steps of deployment.

Also, I uploaded the dist folder to the server, but the website is coming as blank, I am not sure why it is causing that. Need help.

I appreciate it, thanks.

I have followed the https://www.youtube.com/watch?v=mQ4zmFy4d7Y&pp=ygULaW9uaWMgdnVlanM%3D video for the initial setup.

1 post - 1 participant

Read full topic

↧

(Android) Ionic local notifications are not delivered on time

January 10, 2024, 11:56 pm
$
0
0

I try to use @capacitor/local-notifications with Ionic 7 and React. For iOS the notifications work perfectly, but for Android the notifications arrive irregular. Sometimes the message arrives 10min too late, sometimes even 70min too late. It seems correlated with the screen state: when I wake up the phone, the notifications arrives a little later.

I added the SCHEDULE_EXACT_ALARM permission.
I use the allowWhileIdle: true attribute.

My code:

async function createLocalNotifications() {
    const check = await LocalNotifications.checkPermissions(); // {receive: "granted"}
    const res = await LocalNotifications.requestPermissions(); // {display:"granted"}
    if (res.display === "granted") {
      LocalNotifications.createChannel({
        id: "1",
        name: "channel_name",
        description: "channel_description",
      })
        .then(() =>
          LocalNotifications.schedule({
            notifications: [
              {
                channelId: "1",
                id: 1,
                title: `Daily notification`,
                body: "at 16:00",
                schedule: {
                  on: { hour: 16 },
                  allowWhileIdle: true,
                },
              },
            ],
          })
        )
    }
  }

What could be the problem?

1 post - 1 participant

Read full topic

↧
↧

Step by step debugging on real device using browser inspector

January 11, 2024, 2:36 am
$
0
0

Hi all, How can I debug my app deployed on android real device using inspector? After deployed I can’t see clear source code in my inspector, I can see console log but I can’t add breakpoint on source code all files are cripted, I don’t know are crypted :frowning:

I’m using capacitor 5.6.0

How can I execute step by step debugging?

1 post - 1 participant

Read full topic

↧

Vue navigation is not working when I want to go back to home

January 11, 2024, 3:03 am
↧

Capacitor plugins limitations

January 4, 2024, 2:37 am
$
0
0

Hello everyone,

I am new to the Ionic Framework, and so far, I am pleased with its efficiency in delivering projects rapidly.

Recently, I came across the generation of Capacitor plugins, which enables me to implement certain features in Java if they are not already provided by the framework. In this context, I am curious to understand the limitations of these plugins written in Java. Will they allow me to achieve every functionality that could be achieved by native Java/Kotlin? Or are there some functionalities that can only be accomplished using native Java/Kotlin due to the restrictions imposed by the webview concept?

Thank you in advance. Have a great day.

2 posts - 2 participants

Read full topic

↧
Search

Ionic-vue-conference-app

January 11, 2024, 1:09 pm
$
0
0

Is this still supported? If so, it appears to be broken.

ionic-vue-conference-app

1 post - 1 participant

Read full topic

↧
↧

Ionic Lifecycle when Leaving or Coming back to the app

January 11, 2024, 1:59 pm
$
0
0

Hi guys,

I have a question, when I leave the app to the homescreen on IOS or when i come back to the app from the homescreen, not any event is triggered in the app.

  ionViewDidEnter() {
    console.log('Home page did enter');
  },
  ionViewDidLeave() {
    console.log('Home page did leave');
  },
  ionViewWillEnter() {
    console.log('Home page will enter');
  },
  ionViewWillLeave() {
    console.log('Home page will leave');
  },

Is there any way to be able to know what happen in this case ? Currently, when I leave the app, everything is stopped inside my app and when i come back, it does not work again and the app is like frozen.

Thanks in advance for an answer

3 posts - 2 participants

Read full topic

↧

How can we implement the download/upload in background?

January 12, 2024, 4:24 am
$
0
0

Hello guys!
I am studying with a friend to understand how to implement a background logic to download/upload files with capacitorjs.

What we understood until now is that we can use the Background Tasks feature provided by the Capacitorjs itself (Background Runner Capacitor Plugin API | Capacitor Documentation) but from the limitation section (Background Runner Capacitor Plugin API | Capacitor Documentation) we see that on iOs we can execute it up to 30 seconds only.

Is there a way to implement the idea in someway?
How are you implementing this feature?
I am asking this because we are curious to understand how the other applications implemented the background download/upload logic.

Currently, we implemented the upload of a file (currently we upload chunks) but a file could potentially requires some minutes to be stored somewhere so it could be killed before the completion (same for the download of course).

If you need some extra details, ask me!
Thank you!

1 post - 1 participant

Read full topic

↧

Firebase auth with email and password

January 12, 2024, 7:27 am
$
0
0

Hi.

Implemented auth with email/password for firebase.
On local browser everything works as expected.
On iOS, when logging in, it seems that there is communication with the server, I am able to get bad password response if I am using incorrect password. When using correct password, get no response and the view stays on the login page, although it seems that the login was sucessful.

Any idea what is missing?

Thanks.

2 posts - 2 participants

Read full topic

↧

Ionic new app failed

January 12, 2024, 8:43 am
$
0
0

Today (2023/01/12) I started a new project with Ionic.
Reading the documentation I understand that it is necessary to have Node v18 or higher.
I follow the steps of creating an app with ionic start, but an error occurs:

npm i --save -E @capacitor/core@latest exited with exit code 1.

With the --verbose arg I got this:

No matching version found for @typescript-eslint/typescript-estree@6.18.0

This happen several times with different node versions.

How can I start a new project with last stable dependencies?

1 post - 1 participant

Read full topic

↧
↧

Issues with state updates after upgrading to Ionic React 7

January 12, 2024, 2:41 pm
$
0
0

I am currently researching and studying Ionic and since my background is React, I decided to opt for the Ionic React framework. I started by looking at a todo app which I found on Github (GitHub - kilrasemifir/ionic-react-todolist) and which works perfectly. However when I upgraded from Ionic 6 to Ionic 7, I am noticing some a very bizarre issue:

When you run the application, you have to click the button twice to change the state (if you run the demo, you will notice that the first time you press the button you get an error that the task value is empty, then the second time you press the button, the task is added).

The bizarre thing is that this happens when either running the mobile simulation on the browser, or when running the application through the emulator (I tested on Android emulator with capacitor). On the other hand, this does not happen with the regular browser (mobile simulation switched off from browser).

When I change the ionic version back to 6, the issue disappears, and the state is updated immediately when pressing the button on the browser mobile simulator and the Android emulator. What am I missing?

ionic1

ionic2

ionic 3

2 posts - 2 participants

Read full topic

↧

Build for iOS on Windows machine

January 15, 2024, 12:10 am
$
0
0

Hi,

I’m new to Ionic.

Is it possible to build for iOS from a Windows machine?
I have a Mac on my desk right next to me. Is it possible to connect to it and debug directly on the iphone like i can do on Android?

I am working with Ionic 7.2.0 and Visual Studio Code on Windows.

Greetings

1 post - 1 participant

Read full topic

↧
Search

Error https

January 15, 2024, 9:10 am
$
0
0

Hola en la app de Android me sale este error:
E File: https://localhost/polyfills.53dd1ba240d556a9.js - Line 1 - Msg: Mixed Content: The page at ‘https://localhost/devanning’ was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint ‘http://192.168.150.52:8080/tgc/buscarContenedorDevanning’. This request has been blocked; the content must be served over HTTPS.
En mi local funciona perfectamente y con postman también.Alguna solucion?

3 posts - 2 participants

Read full topic

↧

FATAL EXCEPTION: CapacitorPlugins getDeviceId: The uid 10628 does not meet the requirements to access device identifiers

January 15, 2024, 1:34 pm
$
0
0

Hi there, I’m in the process of migrating cordova project to capacitor. I’m having the captioned error. Following is my config:
Ionic version: @ionic/angular 7.3.3
Capacitor version: 5.6.0
Android SDK version: 14

capacitor.cmd sync android
[capacitor] √ Copying web assets from www to android\app\src\main\assets\public in 6.15s
[capacitor] √ Creating capacitor.config.json in android\app\src\main\assets in 3.93ms
[capacitor] [info] Found 18 Cordova plugins for android:
[capacitor] cordova-plugin-nativeaudio@3.0.9
[capacitor] cordova-plugin-nativeclicksound@0.0.4
[capacitor] cordova-plugin-screen-orientation@3.0.3
[capacitor] cordova-sqlite-storage@4.0.0
[capacitor] es6-promise-plugin@4.2.2
[capacitor] phonegap-plugin-mobile-accessibility@1.0.5
[capacitor] cordova-plugin-advanced-http@3.3.1
[capacitor] cordova-plugin-app-version@0.1.14
[capacitor] cordova-plugin-device@2.1.1-dev
[capacitor] cordova-plugin-file@7.0.0
[capacitor] cordova-plugin-inappbrowser@5.0.0
[capacitor] cordova-plugin-network-information@3.0.1-dev
[capacitor] cordova-plugin-purchase@13.8.0
[capacitor] cordova-plugin-statusbar@2.4.3
[capacitor] cordova-plugin-uid@1.3.0
[capacitor] cordova-plugin-x-socialsharing@6.0.4
[capacitor] cordova-simple-volume@1.0.4
[capacitor] cordova.plugins.diagnostic@7.1.2
[capacitor] √ copy android in 7.63s
[capacitor] √ Updating Android plugins in 98.33ms
[capacitor] [info] Found 4 Capacitor plugins for android:
[capacitor] @capacitor/app@5.0.6
[capacitor] @capacitor/haptics@5.0.6
[capacitor] @capacitor/keyboard@5.0.7
[capacitor] @capacitor/status-bar@5.0.6
[capacitor] [info] Found 18 Cordova plugins for android:
[capacitor] cordova-plugin-nativeaudio@3.0.9
[capacitor] cordova-plugin-nativeclicksound@0.0.4
[capacitor] cordova-plugin-screen-orientation@3.0.3
[capacitor] cordova-sqlite-storage@4.0.0
[capacitor] es6-promise-plugin@4.2.2
[capacitor] phonegap-plugin-mobile-accessibility@1.0.5
[capacitor] cordova-plugin-advanced-http@3.3.1
[capacitor] cordova-plugin-app-version@0.1.14
[capacitor] cordova-plugin-device@2.1.1-dev
[capacitor] cordova-plugin-file@7.0.0
[capacitor] cordova-plugin-inappbrowser@5.0.0
[capacitor] cordova-plugin-network-information@3.0.1-dev
[capacitor] cordova-plugin-purchase@13.8.0
[capacitor] cordova-plugin-statusbar@2.4.3
[capacitor] cordova-plugin-uid@1.3.0
[capacitor] cordova-plugin-x-socialsharing@6.0.4
[capacitor] cordova-simple-volume@1.0.4
[capacitor] cordova.plugins.diagnostic@7.1.2
[capacitor] [info] Found 4 incompatible Cordova plugins for android, skipped install:
[capacitor] cordova-plugin-add-swift-support@2.0.2
[capacitor] cordova-plugin-ionic-keyboard@2.2.0
[capacitor] cordova-plugin-ionic-webview@5.0.1
[capacitor] cordova-plugin-splashscreen@5.0.4
[capacitor] √ update android in 1.61s
[capacitor] [info] Sync finished in 9.244s

[INFO] Ready for use in your Native IDE!

Note: (1) I didn’t use any of the Capacitor plugin Device nor calling getId() function. Wasn’t so sure why the error always points to the getId(). Following is the error messages:

To native (Cordova plugin): callbackId: NetworkStatus1010139602, service: NetworkStatus, action: getConnectionInfo, actionArgs:
2024-01-16 04:46:11.486 2379-2379 Capacitor/Plugin com.rgtshk.app V To native (Cordova plugin): callbackId: File1010139603, service: File, action: requestAllPaths, actionArgs:
2024-01-16 04:46:11.487 2379-2379 Capacitor/Console com.rgtshk.app I File: https://localhost/ - Line 17521 - Msg: Create CdvPurchase…
2024-01-16 04:46:11.488 2379-2379 Capacitor/Plugin com.rgtshk.app V To native (Cordova plugin): callbackId: StatusBar1010139604, service: StatusBar, action: _ready, actionArgs:
2024-01-16 04:46:11.489 2379-2466 AndroidRuntime com.rgtshk.app E FATAL EXCEPTION: CapacitorPlugins
Process: com.rgtshk.app, PID: 2379
java.lang.SecurityException: getDeviceId: The uid 10628 does not meet the requirements to access device identifiers.
android.os.Parcel.createExceptionOrNull(Parcel.java:3069)
at android.os.Parcel.createException(Parcel.java:3053)
at android.os.Parcel.readException(Parcel.java:3036)
at android.os.Parcel.readException(Parcel.java:2978)
at com.android.internal.telephony.ITelephony$Stub$Proxy.getDeviceIdWithFeature(ITelephony.java:11536)
at android.telephony.TelephonyManager.getDeviceId(TelephonyManager.java:2825)
at org.hygieiasoft.cordova.uid.UID.getImei(UID.java:97)
at org.hygieiasoft.cordova.uid.UID.initialize(UID.java:48)
at org.apache.cordova.CordovaPlugin.privateInitialize(CordovaPlugin.java:57)
at org.apache.cordova.PluginManager.getPlugin(PluginManager.java:185)
at org.apache.cordova.PluginManager.exec(PluginManager.java:136)
at com.getcapacitor.MessageHandler.lambda$callCordovaPluginMethod$2(MessageHandler.java:155)
at com.getcapacitor.MessageHandler.$r8$lambda$NhJ0d2egplsDIA6X_OJM4sa5L1w(Unknown Source:0)
at com.getcapacitor.MessageHandler$$ExternalSyntheticLambda2.run(Unknown Source:10)
at android.os.Handler.handleCallback(Handler.java:958)
at android.os.Handler.dispatchMessage(Handler.java:99)
at android.os.Looper.loopOnce(Looper.java:230)
at android.os.Looper.loop(Looper.java:319)
at android.os.HandlerThread.run(HandlerThread.java:67)

In the AndroidManifest.xml file, I had set the following permissions:






I tried with my another almost blank cordova project without any errors but I didn’t set any permission but still works! Would you please take a look and advice ? I Google about any security changes on Android 14 and they did mention something “tightening” but I wasn’t so sure.

Thank you.
Louie

p.s. Post the permission here:
uses-permission android:name=“android.permission.INTERNET”
uses-permission android:name=“android.permission.WRITE_EXTERNAL_STORAGE”
uses-permission android:name=“android.permission.ACCESS_NETWORK_STATE”
uses-permission android:name=“android.permission.MODIFY_AUDIO_SETTINGS”
uses-permission android:name=“android.permission.READ_PHONE_STATE”
uses-permission android:name=“com.android.vending.BILLING”
uses-permission android:name=“android.permission.BLUETOOTH_CONNECT”

1 post - 1 participant

Read full topic

↧
↧

Ionic push notification not working when app is foreground but background also working. i am useing cordova-plugin-firebasex as a devDependencies and @awesome-cordova-plugins/firebase-x as dependencies

January 15, 2024, 3:40 pm
$
0
0

FirebasePlugin[native]: java.lang.NullPointerException: Attempt to invoke virtual method ‘java.lang.String android.net.Uri.toString()’ on a null object reference

1 post - 1 participant

Read full topic

↧

Capacitor/filesystem performance issues after uploading file to app (very slow)

January 16, 2024, 12:03 am
$
0
0

I am currently in the process of migrating my app from the old cordova file plugin to capacitor’s file system plugin.

However, I have now found that my app becomes extremely slow after I upload a small 3mb pdf file. This lag seems to only be evident where the attachment is displayed on the form. If i go to another area of the app it’s not lagging.

Is this a common issue? How can i resolve it?

1 post - 1 participant

Read full topic

↧

Ionic class

January 16, 2024, 6:45 am
$
0
0

I have a question
How do I have e.g.

And I have a few such buttons in, for example in “ion-row”
Can I give a class and assign outline or success there?
Do I have to write this every time on every button in this row?

2 posts - 2 participants

Read full topic

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