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

Controls always showing "Ionic app" while playing

October 7, 2024, 11:18 pm
$
0
0

Hi @Davinci-klod

As I can see, your code is mostly correct, but the issue on iOS could be due to limitations with how iOS handles the MediaSession API. To fix the “Ionic App” display, try adding a web app manifest to your project with a proper name and short_name. iOS might be using this information for the app name display. Additionally, make sure your metadata includes artwork, as it can help iOS handle the session better:

navigator.mediaSession.metadata = new MediaMetadata({
  title: 'Track',
  artist: 'Artist',
  album: 'Album',
  artwork: [{ src: 'path_to_image', sizes: '96x96', type: 'image/png' }]
});

Thanks :slightly_smiling_face:

↧
Search

Is it possible to connect a React Capacitor Android App to Google Tag Manager?

October 8, 2024, 12:03 am
$
0
0

I just reused the same GTM scripts I had for the web app. No special packages, just the standard implementation.

↧
↧

Looking for Ionic developer (live video streaming) $$$

October 8, 2024, 12:21 am
$
0
0

Hi there! If you’re looking for an Ionic developer for live video streaming, I recommend working with a team that has solid experience in video streaming app development. At Nimble AppGenie, we specialize in creating high-performance mobile apps, including live streaming apps, using frameworks like Ionic. We focus on seamless integration of technologies like WebRTC and low-latency protocols to ensure smooth and secure streaming. Feel free to reach out if you’d like to discuss your project further or need expert guidance!

↧

Could not find an NgModule. Use the skip-import option to skip importing in NgModule. [ERROR] Could not generate page

October 8, 2024, 2:35 am
$
0
0

In 2024+, newer versions of Angular use standalone components by default. If you try to add ionic to an existing project, you will get this error as it try to use modules.

Make sure your schematics specify standalone for the schematics to avoid the NgModule import error.

"schematics": {
    "@ionic/angular-toolkit:component": {
      "styleext": "scss",
      "standalone": true
    },
    "@ionic/angular-toolkit:page": {
      "styleext": "scss",
      "standalone": true
    }
  }
↧

How to build live video streaming app

October 8, 2024, 3:24 am
$
0
0

To build a live streaming app, you’ll need to focus on key components like real-time video transmission, using protocols like WebRTC or HLS, and ensuring low-latency delivery. It’s important to have scalable servers, secure content delivery, and features like user authentication, real-time chat, and push notifications. Cloud services are useful for handling media storage and traffic surges. Also, make sure the app is optimized for various devices. The specific features you include will significantly affect the development time and cost.

↧
↧

Ion-datetime wheel not draggable in browser mode

October 8, 2024, 5:11 am
$
0
0

Hi,

To enable drag functionality for date selection on desktop browsers, you can use the following workaround:

Add CSS to allow scrolling on the ion-datetime component:

ion-datetime {
    overflow-y: auto;
}

Check the Version: Ensure you are using the latest version of Ionic, as updates may include fixes or enhancements for the datetime component.

Use Touch Events: Consider adding custom touch or mouse event handlers to manage dragging behavior explicitly.

However, the best approach is to check the Ionic documentation or GitHub issues for updates or community-provided solutions, as this is a common request among developers.

Thanks

↧

Looking for Ionic developer (live video streaming) $$$

October 8, 2024, 5:30 am
$
0
0

Hello,

I hope you’re well.

I’m interested in developing the live video streaming application using the Ionic Framework. With extensive experience in Ionic and Cordova, I’m well-prepared to integrate the provided SDK and complete the project efficiently.

I have a Proven track record in building cross-platform apps and Familiarity with real-time communication projects.

I’d love to discuss this opportunity further and how I can contribute to your project for the Swiss telecommunications company.

looking forward to your response.

Best,
Ron A.

↧

Disable system font scaling for Ionic apps on Android

October 8, 2024, 6:28 am
$
0
0

Hello all,

I’m trying to disable dynamic font scaling for Android, basically I want to ignore system-level font size and style so I can set my own font sizes.

From my understanding --ion-dynamic-font is only for iOS, since I’ve tried setting it to initial value to opt-out, and it has no effect on on my Android Capacitor app.

From the Ionic’s post on Dynamic Font Scaling, it says:

“The Android Web View’s font scaling mechanism is always enabled in web content and will automatically scale font sizes defined using the px unit.”

But doesn’t really explain how to disable that scaling, if at all possible? I have also tried using both px and rem units in my components.

Does anyone have any insight?

Thank you.

↧
Search

How can I save a downloaded file with Capacitor in Ionic4 Angular?

October 8, 2024, 7:11 am
$
0
0

WHERE FILEOPENER???

↧
↧

Disable system font scaling for Ionic apps on Android

October 8, 2024, 7:37 am
$
0
0

I was just trying to do this too but couldn’t figure out a way with CSS as the Android WebView forces it as you mentioned.

Just did some additional research and came across this discussion and the WebSettings.setTextZoom method.

The Capacitor text-zoom plugin was created to set the text zoom value. I haven’t tried it yet, but looks like what we want.

↧

How can I save a downloaded file with Capacitor in Ionic4 Angular?

October 8, 2024, 7:43 am
$
0
0

That isn’t a very clear question. Assuming you mean where that is coming from. sj9 said the following:

In any case, Capacitor has first party support now to download files in the filesystem plugin.

↧

Disable system font scaling for Ionic apps on Android

October 8, 2024, 8:22 am
$
0
0

Seems like using vw units helps a bit, as it makes a bit more resilient against system-level font scaling. Probably can make it manageable, but that would require a lot of refactor and might feel too impactful. Most likely I’ll have to go with something like text-zoom or editing the Java file to completely disable it, to your point.

↧

Trying to Get Capacitor Working in Vanilla JS Ionic Project

October 8, 2024, 8:53 am
$
0
0

I got things working by switching to Vite. Interesting that both Vite and Webpack wouldn’t work with the default configuration of NPM http-server, but my Vite configuration worked right away with the server bundled with Vite. I still would be interested if anyone knows why this wasn’t working using Webpack and http-server…

↧
↧

Disable system font scaling for Ionic apps on Android

October 8, 2024, 9:44 am
$
0
0

I don’t remember where I stumbled upon this answer but it works very well for me:

  • if you don’t already have, then in your directory android/app/src/main/java/com/[YOUR APP NAME]/app/ create a file named MainActivity.java
  • enter the following code
package com.yourappname.app;

import com.getcapacitor.BridgeActivity;

import android.webkit.WebSettings;
import android.webkit.WebView;


public class MainActivity extends BridgeActivity {

    public void onResume() {
      super.onResume();
      WebSettings settings = bridge.getWebView().getSettings();
      settings.setTextZoom(100);
      settings.setSupportZoom(false);
    }

}

Done!

↧

Disable system font scaling for Ionic apps on Android

October 8, 2024, 9:47 am
↧
Search

Npm run build does not make web assets directory ./www

October 8, 2024, 11:37 pm
$
0
0

To fix the issue where npm run build does not create the ./www directory, ensure the build script in package.json is correctly configured. Check if the build tool (like Webpack or Vite) is properly set up to output assets to the ./www folder. If missing, configure the output path in the build configuration file. In mobile app development, this step is essential for generating deployable web assets.

↧

Dynamic Font Scaling

October 8, 2024, 11:44 pm
$
0
0

Hi community,

With Ionic 7.5 (Android) and Ionic 8 (iOS) Dynamic Font Scaling is activated per default.
Right now it can be deactivated via --ion-dynamic-font: initial;

Will this be always be the case? Will there be an upcoming version where it cannot be deactived at all?

Thanks,
Juergen

↧
↧

IonRange bug?

October 9, 2024, 5:20 am
$
0
0

I noticed if you scroll back and forth very fast eventually the IonRange component will break and set its values to a NaN. Could this be a bug with the component? Preventing the default action in these cases does not void this issue.

                <IonRange
                  value={field.value}
                  dualKnobs
                  pin
                  min={8}
                  max={99}
                  onIonChange={(e) => {
                    const { lower, upper } = e.detail.value as {
                      lower: number
                      upper: number
                    }
                    if (isNaN(lower) || isNaN(upper)) e.preventDefault()
                    field.onChange(e.detail.value)
                  }}
                />

Screenshot 2024-10-09 at 09.19.53

↧

Sent cookies for image tags

October 9, 2024, 8:46 am
↧

Sent cookies for image tags

October 9, 2024, 11:25 am
$
0
0

Seems like a bug. Here are two other open issues for your reading pleasure :grin:

Can you use signed URLs instead? That’s what we use in our app :slight_smile: Relying on Cookies in a native app shouldn’t be your first choice. There are so many posts here with people having issues with Cookies, if you can get around not using them, you’ll thank yourself later.

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