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

Router.push 2 components


Page transition with router.replace?

$
0
0

Glad to hear one of the issues is resolved in v5.6.13. For any other issues, I definitely recommend filing issues on GitHub with a code reproduction as that is the best way to ensure they get fixed. We are a small team, so it may take us a day or two to reply, but we do read every issue that comes in.

Router.push 2 components

Router.push 2 components

$
0
0

@reuelcardz I thought you already fix the bug. :grinning:

which devVue version of chrome extension you are using for? :joy:

I am using the beta version, cause of ionic view wasn’t support or maybe some case was not call out by older dev vue version. So I must use beta vue one to debug my code.

For vue 2 I recommend using devtool vue old version (that one is okay)
But for ionic is using vue 3 to building project, so you must install vue beta. ( from my experience testing )

Routing from notification when app is not running

$
0
0

Nope, if you are not using deeplink to specific your app page. Once your push Notifications external app, and when your click to notifications.

That one is going always open default to your homepage without router to you already point to specific page and if you wanna router to specific page, you must combine with deeplink.

ps: in Android we are using deeplink. And in IOS we are using UniversalLink

Problems with capacitor-community/admob

$
0
0

Yes, I have done both those syncs. The above import and export code is in an included script module. The following code in my initialization Javascript code causes the app to fail on launch:

AdMob.initialize();
if (AdMob) {
	alert("Admob success")
} else {
	alert("Admob failed")
}

Router.push 2 components

$
0
0

I added both. maybe this problem is on me I think. maybe i’ll try to reinstall the cli and see the result.

Routing from notification when app is not running

$
0
0

I see, thanks, but there are also some posts that say that push notification handlers don’t handle deep links. Also, what I currently do is route to specific tabs within the handlers for the push notifications in app.component.ts. If it doesn’t work there for regular routing, how does it work for deep links?


Where is WWW folder

$
0
0

I am using vue, but it seems like it wasn’t required

Images not showing up on ios app but does on localhost

$
0
0

Hi, I’m having an issue where the ios app of my ionic project does not show any images. Images work as intended on localhost web browser though. I am using ionic with VUE and the images are stored in the public/assets/img folder I made.

I run

npm run build
ionic build
ionic capacitor run ios

"Is not a known element" Error

$
0
0

Hi,

I’m trying to make a simple Canvas Gauges capacitor page. I followed the steps for installing ng-canvas gauges (from here: Add A Realtime Gauge To Your Angular Project – Wayne Parrott) but I’m getting this error:

core.js:14965 NG0304: 'radial-gauge' is not a known element:
1. If 'radial-gauge' is an Angular component, then verify that it is part of this module.
2. If 'radial-gauge' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.

GaugesModule is imported to app.module.ts:

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouteReuseStrategy } from '@angular/router';

import { IonicModule, IonicRouteStrategy } from '@ionic/angular';

import { AppComponent } from './app.component';
import { AppRoutingModule } from './app-routing.module';

import { GaugesModule } from 'ng-canvas-gauges';

@NgModule({
  declarations: [AppComponent],
  entryComponents: [],
  imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, GaugesModule],  
  providers: [{ provide: RouteReuseStrategy, useClass: IonicRouteStrategy }],
  bootstrap: [AppComponent],
})
export class AppModule {}

I was reading some similar posts and some suggested videos (Like this: Using Custom Components on Multiple Pages in Ionic - YouTube) but I can’t make it to run without errors.

Any help? Thanks

Routing from notification when app is not running

Images not showing up on ios app but does on localhost

$
0
0

Solved, the app is case sensitive but the web browser server is not. I had it called asset.PNG for example but referenced it as asset.png and it did not work for IOS

Router.push 2 components

$
0
0

hum… :thinking:

How about reset or reinstall the extension?
I think the problem is about the extension, I think you should double-check on this.

Does you use typescript inside your project?

Width and height problem

$
0
0

hi, I’m new to ionic and I’m learning a bit, can someone help me, the width and height are not working, is there any other way to use it?

    .signup{
        width: 85%;
        height: 50px;
        text-transform: none;
        font-size: 1.6rem;
        size: large;
    }

image


Ionic Capacitor app for video recording with audio

$
0
0

A very broad question of something I’ve always wanted to build:

How does someone use Ionic Capacitor (Angular preferably as that’s the language I know!) to make an app that can:

  • Video record
  • Do that whilst having music playing through the phone (through headphones most probably)
  • Save said video with audio of the background (not the audio playing through the phone)

I know this is v tricky through iOS because Apple wouldn’t let users do it (on the native Camera app at least) but I’ve seen people use apps for this purpose.

Many thanks :))

References to public apps built on Capacitor and Ionic Framework

$
0
0

I have not found any public list for capacitor. I wanted to do some performance comparisons between capacitor, flutter and react native. My approach was to decompile potential capacitor apps with apktool and checked if the com.getcapacitor namespace was there…

At least of today I can say sworkit and justwatch are built with capacitor and ionic.

Ionic/react - nested routes

$
0
0

looks like this issue is still not solved. same error in my project now.

Routing from notification when app is not running

$
0
0

I understand that you have to implement the routing and the notification separately, but I don’t see why deep links would work any differently than the regular routing. This is what the handlers in app.component.ts look like right now:

constructor(---some params---) {
--- some code ---

  this.initializeApp();

---some more code---
}

initializeApp() {
--- some code ---
  this.oneSignal.handleNotificationReceived().subscribe(data => this.notificationReceived(data));
  this.oneSignal.handleNotificationOpened().subscribe(data => this.notificationOpened(data));
--- some more code --- 
}

async notificationReceived(data: OSNotification) {
  if (data.payload.title === 'Some title') {
    await some_function();
    this.router.navigate(['some/route/path']);
  }
}

async notificationOpened(data: OSNotificationOpenedResult) {
  if (data.notification.payload.title === 'Some title') {
    this.router.navigate(['some/route/path']);
  }
}

If the deep links would go in these event handlers as well, I don’t see why that would work over regular routing.

How to put my own component into a specific IonItem slot?

$
0
0

I have my own component that I created and would like to put it into the “end” slot of IonItem component. How do I do that?

example:

<IonItem>
  <IonLabel>Some label</IonLabel>
  <MyCustomComponent slot="end" />
</IonItem>

It automatically goes into the main slot. But I need the label to be in the main slot, because if I put the label in the “start” slot and the custom component in the main slot, the label gets cut off if it’s too long. And the label is important and shouldn’t be cut off with ellipsis.

Thanks!

Viewing all 230294 articles
Browse latest View live


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