yes sir. I will update as soon as I can
↧
Example using ionic infinite scroll v5 working with api
↧
How to retrieve oneSignal push notification and make it as a notification list (Ionic 5)
I’m currently using oneSignal native which I’m able to set up the SDK and sent push notification to ios and android device, and how am i able to retrieve the push notification data and display on a notification list.
↧
↧
How to open an ionic 3 app even when the app gets closed/killed?
I do not believe it is possible for anybody to communicate with your app if it is not running.
↧
Plugin implementation error
I was looking for a solution to lock the Screenmode of my app to portrait mode only, found the Screen Orientation Ionic documentation, installed the plugins and synced it with capacitor and implemented it on every page is described.
First thing that was weird, was that when importing the ScreenOrientation and pressing tab it didn’t get the /ngx as source location, which is weird as it is stated in the Ionic documentation that is is needed.
Code:
import { Component, OnInit } from '@angular/core';
import {Router} from '@angular/router';
import {ScreenOrientation} from '@ionic-native/screen-orientation/ngx';
@Component({
selector: 'app-countdown',
templateUrl: './countdown.page.html',
styleUrls: ['./countdown.page.scss'],
})
export class CountdownPage implements OnInit {
constructor(private screenOrientation: ScreenOrientation) {
}
lockScreenOrientationPortrait(){
this.screenOrientation.lock(this.screenOrientation.ORIENTATIONS.PORTRAIT);
}
ngOnInit() {}
So I did that and it is not working, so I did a little research and found a post on StackOverflow that stated that it also has to be implemented in the app.module.ts so I implemented it there:
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 { environment } from 'src/environments/environment';
import { HttpClientModule } from '@angular/common/http';
import {ScreenOrientation} from '@ionic-native/screen-orientation/ngx';
IonicModule.forRoot({
swipeBackEnabled: false
});
@NgModule({
declarations: [AppComponent],
entryComponents: [],
imports: [BrowserModule, IonicModule.forRoot(), AppRoutingModule, HttpClientModule],
providers:[ScreenOrientation, {provide: RouteReuseStrategy, useClass: IonicRouteStrategy }, ...environment.providers],
bootstrap: [AppComponent],
})
export class AppModule {}
Well that isn’t working either, I tried implementing it in the enviroment.ts which is implemented in the app.module.ts but I thought I can try stuff out - not working.
The error message of Karma states:
HomePage > should create
Failed: R3InjectorError(DynamicTestModule)[ScreenOrientation -> ScreenOrientation]:
NullInjectorError: No provider for ScreenOrientation!
and
error properties: Object({ ngTempTokenPath: null, ngTokenPath: [ 'ScreenOrientation', 'ScreenOrientation' ] })
NullInjectorError: R3InjectorError(DynamicTestModule)[ScreenOrientation -> ScreenOrientation]:
NullInjectorError: No provider for ScreenOrientation!
I also implemented it in the enviroment.test.ts, just in case, but not working either.
Keep in mind that this is not even close to being documented properly on the ionic website and different sources on different forums state different things on this problem.
Maybe somebody here has an idea of how to solve this.
↧
Connect to Game Center or Google Play by platform?
Well, I don’t usually use Game Center, it’s not as convenient and effective for me as a https://hotgear.eu/us/. I love how the services are always high quality and you get support at any stage of the game you play. I personally play WoW.
↧
↧
Ionic build reports missing “associated domains” entitlement in provisioning profile, when it's already there
I have an Ionic 5/Angular iOS app which builds fine as a non-production build and runs on both emulator and device as a dev build.
When I come to build it as a production build using:
ionic cordova build --prod --device
I use this command with the --device param to build the final IPA.
The build Archive succeeds (so I can get an APP file), but the final stage fails with:
Error Domain=IDEProvisioningErrorDomain Code=9 ""blah.app" requires a provisioning profile with the Associated Domains feature." UserInfo={IDEDistributionIssueSeverity=3, NSLocalizedDescription="blah.app" requires a provisioning profile with the Associated Domains feature., NSLocalizedRecoverySuggestion=Add a profile to the "provisioningProfiles" dictionary in your Export Options property list.}
However, the identifier for the app has the associated domains entitlement selected and the provisioning profile in Xcode confirms this. Even a quick-look on the file itself shows the entitlement to be present:
I’ve searched for help with this, but there appears to be nothing specifically like this, where a build is failing because the system says an entitlement isn’t there, when it actually is.
I’ve tried redoing all of the signing from scratch, to no avail.
Has anyone seen/fixed this before, and if so, what did you do? Tearing my hair out.
↧
Storage working good in browser, but no effect when working with android or ios
I am using ionic vue to build an app and wanna save tokens by Storage of Capacitor. The first test is good with browsers when I took their example put to App.vue to run.
But unfortunately when I work in android. That does not make any sense, event thought to make an alert when initializing the app without an alert come in.
Instead of using Storage from Capacitor. I am using back localStorage and this works pretty well in both browser and mobile.
May I have something wrong with the code or missing something?
↧
Storage working good in browser, but no effect when working with android or ios
OMG, I am so brain dead -_-
Finally I know that why Storage not working now. Cause I forget build and installed app to my phone again . I am so aplologize for borthering your guys. Bless have a good day.
↧
Nested routes doesn't load the component
Hi guys, I just started to use ionic and this issue came up that I click the button on tab one , it moves to the url but it doesn’t load the component on top .
Thanks in advance.
↧
↧
--keyboard-offset bind to the ion-content styling breaks layout
Hi there! Every time I click on a radio button on my page, I see a new style added to ion-content, like that:
<ion-content _ngcontent-hwh-c152="" ng-reflect-scroll-y="true" class="ios overscroll hydrated" style="--offset-top:0px; --offset-bottom:0px; --keyboard-offset:290px;">
Notice that --keyboard-offset:290px.
Then, every time I click at any place on my page, that value disappears,as if change detection gets triggered, and becomes --keyboard-offset:0px.
That new value breaks my layout, and I wonder if there a way to make Ionic stop adding it. Thank you!
↧
Ionic build reports missing “associated domains” entitlement in provisioning profile, when it's already there
Has anything changed since the last time you built for production? The app itself, an Xcode upgrade, certificate expired, etc? That might lead you down the path to a fix. Otherwise…
Some steps to try:
- Check Apple Developer site → Provisioning Profile, ensure that Associated Domains is checked on, like here.
- in Xcode, under Associated Domains, ensure that the Domain(s) is set.
- Review the Ionic CLI docs for cordova build. Is that the exact command you’ve used successfully in the past? Maybe you need the
--releaseflag?
↧
Ionic Food Delivery App with Firebase Backend
Couple of days ago I visited a website of food delivery, but almost got scammed. And no, it was not built in iconic platform and with the help of all developers there. So do not worry.
How I was almost scammed? Well, I connected my phone number to the application (the same which is connected to my bank account) and then I received a call from a “bank manager” who told me that somebody tried to take a mortgage from my name. And If it was me – I had to provide my secret code on the other side of debit card.
Hopefully, I am a wise and clever man, so I just used lookup phone and checked the number. And yes, it was scam phone! They tried to steal my data! Tricky guys…
Please be careful. And always think before you are going to act on your emotions.
↧
Ionic build reports missing “associated domains” entitlement in provisioning profile, when it's already there
Thanks for your suggestions.
Xcode has been upgraded, probably a few times, since the last release.
I’ve completely wiped, done and redone the whole certificate, app ID (which does have the Associated Domains tick) and provisioning profile thing more than once now. Xcode also shows the associated domain under the Signing and Entitlements section.
Regardless of using --release or --device, the build still fails at that last step. It fails on both my M1 Mac Mini and my Intel Macbook Pro. In the past, it was the --device command which was successfully used in the past.
Still scratching my head.
↧
↧
Nested routes doesn't load the component
This way of doing nested routes is deprecated and no longer recommended.
Try doing this instead:
const routes: Array<RouteRecordRaw> = [
{
path: '/',
redirect: '/tabs/tab1'
},
{
path: '/tabs/',
component: Tabs,
children: [
{
path: '',
redirect: '/tabs/tab1'
},
{
path: 'tab1',
component: () => import('@/views/Tab1.vue')
},
{
path: 'tab1/tab2',
component: () => import('@/views/Tab2.vue')
},
{
path: 'tab2',
component: () => import('@/views/Tab2.vue')
},
{
path: 'tab3',
component: () => import('@/views/Tab3.vue'),
},
]
}
]
When you nest routes using the children array, you will need a nested IonRouterOutlet. Nested routing is almost never needed (except for a few advanced cases), so be sure to review our navigation docs before using it: Vue Navigation - Ionic Documentation
Adding child routes to tabs is also documented here: Vue Navigation - Ionic Documentation
↧
Global loading components
Wanted to add the Ionic Docs link regarding this topic for those seeking additional context: Ionic Vue Quickstart - Ionic Documentation
↧
Capacitor Filesystem api
Not familiar with the wk, but my basic understanding is capacitor provides a wrapper and web view. Capacitor also provides super easy functions for platform detection, to customize the experience and maintain one code base, and the big thing is API calls, not just to a backend (angular does fine with HTTP) but api calls to the device, like accessing the iPhone camera, photos, etc.
↧
[Solved] Ionic V1 + cordova iOS 6.1.1 => Cannot launch on iOS 13 & iOS 14
Step 1 : In Xcode, try opening the workspace file (.xcworkspace) instead of the .xcodeproj.
This issue is cost by the by the splash screen setup, on will can change that in the config.xml file in two places but in your project file.
Step 2: on your project locate config.xml file “AppName/platforms/ios/AppName/config.xml”
Step 2: on your project locate config file “AppName/config.xml”
This are what to change:
Form:
To:
↧
↧
Why camera plugin requires storage access on Android?
I am unable to understand why storage access is required for the camera plugin to work on Android. If i do not have give storage access and want only the camera to work why cant i do that? Currently i must have to give storage access
↧
Capacitor Filesystem api
Im sorry but this doesnt help me…
Is there a way on android (i cannot afford a mac ti develop on ios) to create a folder on android/0/emulated path?
Do you have some example?
If is not possible dont worry.
Thanks!
↧
No keyboard animation on ion-footer
Hello,
I’ve noticed an unusual behavior with the mobile keyboard popup animation.
The ion-footer exists when the keyboard is opened or closed but disappears with the open keyboard animation.
Does anybody know a fix to this?
Thanks for your time.
Ionic CLI : 6.16.3
Ionic Framework : @ionic/angular 5.6.11
@angular/cli : 12.0.5
Capacitor CLI : 3.1.1
↧