@kodetratech wrote:
How to use a separate icon for push notification and app launch icon in ionic 4. I have generated icons using ionic Cordova resources command
Posts: 1
Participants: 1
↧
How to use separate icon for push notification and app icon in ionic 4
↧
Not able to add notification in xcode
@m7ammad7assan wrote:
Hi
I have used Xcode 10 to add notification for my ionic 4 app but I face this problem:
diff: /Podfile.lock: No such file or directoryI search whole Internet with no success,
Another question sould I build the app in xcode to add the notification feature …
Posts: 1
Participants: 1
↧
↧
Deploying my ionic app on playstore for the first time
@EniolaTade wrote:
Hi Guys! please i want to deploy my sample ionic app on Google play store.
Please, i need steps to follow. I got confused reading the documentation.
what to do and how to do?
Posts: 1
Participants: 1
↧
Hardware Back Button & Menu
@LacOniC wrote:
In my current design when a user slide screen to right, menu opens. If i use back button in a page, slide does not open menu. Go back. Can’t we use only -ionic- back button instead of hardware back button?
Btw, android hardware back button does not work in my app. Isn’t it default? Should i add extra code for it?
Posts: 1
Participants: 1
↧
How to do register step ionic 3
@lobaton wrote:
Hello everyone, I have a problem, I am trying to make a record for my ionic application but I encounter a problem, ion-step is not a valid element, someone has some way of doing it
template:
<ion-stepper #stepper (selectIndexChange)="selectChange($event)"> <ion-step label="Step1" description="Step1 description"> <h2>Step1 Content</h2> <p>Step1 Content</p> <button ion-button small ionicStepperNext>Next</button> </ion-step> <ion-step label="Step2 - Step2 - Step2" description="Step1 description"> <h2>Step2 Content</h2> <p>Step2 Content</p> <button ion-button color="light" small ionicStepperPrevious>Previous</button> </ion-step> </ion-stepper>selectChange(e) {
console.log(e);
}
Posts: 1
Participants: 1
↧
↧
How do you disable uglify in ionic4/cordova/android/prod?
@aniraj09 wrote:
Bugged with a Static injection error for a cordova --prod build on device. Cant figure out which module/service throws the error, while, it works on a debug build on device. With webpack4, is there a way to disable uglify and minify in under enableProd?
Error: StaticInjectorError(a)[k -> r]:
StaticInjectorError(Platform: core)[k -> r]:
NullInjectorError: No provider for r!Info here:
Ionic:
ionic (Ionic CLI) : 4.12.0 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.0.0
@angular-devkit/build-angular : 0.12.4
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.9
@ionic/angular-toolkit : 1.2.3
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.5.1, (and 14 other plugins)
System:
Android SDK Tools : 26.1.1 (/home/abc/Android/Sdk)
NodeJS : v10.16.0 (/usr/bin/node)
npm : 6.4.1
OS : Linux 4.15
Posts: 1
Participants: 1
↧
Battary status plugin not wokring in ionic 4
@lohith95 wrote:
Hi,
I am trying to get battary percentage of the device and i am using the below plugin.
ionic cordova plugin add cordova-plugin-battery-status
npm install @ionic-native/battery-statusbut looks like the plugin is not working.
Below is code to get the battary statusconst subscription = this.batteryStatus.onChange().subscribe(status => {
console.log(status.level, status.isPlugged);
});And the error i am getting is
core.js:15724 ERROR TypeError: Invalid event target
at setupSubscription (fromEvent.js:50)
at Observable._subscribeAnybody know why it is not working.
Thanks in advance.
Posts: 1
Participants: 1
↧
backButton subscribe not working
@salomon022 wrote:
help me on this
import { Platform } from '@ionic/angular'; constructor( public platform: Platform, ){ this.platform.backButton.subscribe((dd) => { alert(dd); }); }
Posts: 1
Participants: 1
↧
How to use infinite scroll in my contact list
@ajaykdutta wrote:
I am using ionic 4 and trying to use infinite scroll to avoid slow display of the contact list.
but don’t know how to use this facility properly . please help.in my .ts file
contactList: any[] = []; constructor(public navCtrl: NavController,private router: Router, private contacts: Contacts , private sanitizer: DomSanitizer,) { this.fetchDeviceContact(); } fetchDeviceContact(){ this.contacts.find(["displayName", "phoneNumbers","photos"], {multiple: true}).then((contacts) => { for (var i = 0; i < contacts.length; i++) { if (contacts[i].displayName !== null) { var name = contacts[i].displayName; var number = contacts[i].phoneNumbers[0].value; if(contacts[i].photos !== null){ var photo = this.sanitizer.bypassSecurityTrustUrl(contacts[i].photos[0].value); }else{ photo = ''; } var contactData={ "displayName":name, "phoneNumbers":number, "logo":photo, } this.contactList.push(contactData); this.contactList.sort(function(a, b) { return compareStrings(a.displayName, b.displayName); }); } } }); function compareStrings(a, b) { var nameA = a.toUpperCase(); // ignore upper and lowercase var nameB = b.toUpperCase(); // ignore upper and lowercase if (nameA < nameB) { return -1; } if (nameA > nameB) { return 1; } // names must be equal return 0; } loadData(event) { setTimeout(() => { console.log('Done'); event.target.complete(); if (data.length == 1000) { event.target.disabled = true; } }, 500); } toggleInfiniteScroll() { this.infiniteScroll.disabled = !this.infiniteScroll.disabled; } }in .html file
<ion-content padding > <ion-content padding > <ion-searchbar ></ion-searchbar> <ion-list *ngFor="let contact of contactList; let i = index;" > <!-- {{contact | json}} --> <ion-item > <ion-grid> <ion-row> <ion-col> <div> <ion-img [src]="contact.logo"></ion-img><img [src]="contact.logo"> <ion-icon ios="ios-person" md="md-person"></ion-icon> <b> {{contact.displayName}}</b> </div> </ion-col> </ion-row> <ion-row> <ion-col size="10"> <div> <ion-icon item-start ios="ios-call" md="md-call" ></ion-icon> {{ contact.phoneNumbers}} </div> </ion-col> </ion-row> </ion-grid> </ion-item> </ion-list> <ion-infinite-scroll threshold="100px" (ionInfinite)="loadData($event)"> <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="Loading more data..."> </ion-infinite-scroll-content> </ion-infinite-scroll> </ion-content>Thank in advanced.
Posts: 1
Participants: 1
↧
↧
Ionic 4 + react and Network plugin
@sameera207 wrote:
Hi All,
I’m working on an Ionic app that will check the network status. I’m working with React for this example. My initial requirement is to get an alert when the network disconnects.
I’m coming from Angular and pretty new to react world.
My question is, how can I get the following code to work, I’ve got the following code (compiles and running on the device)
#Home.tsx import { IonContent, IonHeader, IonTitle, IonToolbar, IonButton, IonIcon } from "@ionic/react"; import React from "react"; import { Network } from "@ionic-native/network"; const Home: React.FunctionComponent = () => { async function networkStatus() { Network.onDisconnect().subscribe(() => { alert("disconnected"); }); } return ( <div> <h1>Sample network test</h1> </div> ); }; export default Home;I’m thinking, I need to initialize
networkStatusmethod somewhere, but I’m not sure where to do it ?If I tried to add a
constructor, it gives me a compilation errorconstructor(props){ super(this.process); networkStatus() } # error ./src/pages/Home.tsx Line 13: Parsing error: ';' expecteCan someone help me out please, thanks in advance
cheers,
Sam
± ionic info Ionic: Ionic CLI : 5.2.2 (/usr/local/lib/node_modules/ionic) Ionic Framework : @ionic/react 0.0.6 Utility: cordova-res : not installed native-run : not installed System: NodeJS : v8.10.0 (/usr/local/bin/node) npm : 6.10.2 OS : macOS Mojave react #=> "react": "^16.8.6"
Posts: 1
Participants: 1
↧
New Error Found
@EniolaTade wrote:
Hi Guys, i encountered this error while trying to run “ionic serve” in my vs code.
ionic : The term ‘ionic’ is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if a path was included, verify that the path is correct and try again. At line:1 char:1
Please what is the solution to this problem? I will really appreciate it guys.
Posts: 1
Participants: 1
↧
Is it worth paying $30/month for Ionic Studio?
↧
How to answer to Apple questions about cryptography?
@ioclaudio wrote:
Hi,
I have to publish an Ionic app that uses HTTPS to use a REST API.Publishing the App, they ask me these two questions:
- Is your app designed to use cryptography or does it contain or incorporate cryptography? (Select Yes even if your app is only utilizing the encryption available in iOS or OS X.)
If I say no the 1) question then this second question appears:
- If you are making use of ATS or making a call to HTTPS please note that you are required to submit a year-end self-classification report to the US government.
So, really I have to send a report to the US government?
What kind of report?
What does it mean?Thank you
cld
Posts: 1
Participants: 1
↧
↧
Close ion-menu but show icons on sidebar
@mav wrote:
Hi,
it’s been a long time since my last post on this forum.
I recently started a new project. I want create a PWA (Progressive Web App) Dashboard…somehow like this: https://wrappixel.com/demos/admin-templates/material-pro/material/index.html
I want a similar Sidemenu.
If you close the menu, the menu doesn’t close fully. The icons stay visible even if the menu is close.How do I manage this to do it with ionic?
regards
Marcus
Posts: 1
Participants: 1
↧
Code a flowchart generator
@174573C wrote:
Please help me
I want to generate a flowchart based on user input
Please help
Posts: 1
Participants: 1
↧
Ionic React Multiselect
@Dittux wrote:
greetings, I’m facing a problem with ionic-react in a multiselect, i’m when i select more than one option in my multiselect the is not show wing:
if i select only one option
and if i select more than only one i’m the selector stop showing data, i’m also printing the data.
all of this is happening in a React Functional Component (React.FC)
i’m using hooks to get and set data:hook
const [riskForm, setRiskForm] = useState({ id: 0, description: '', category: 0, inherentImpact: 0, inherentChance: 0, possibleEffects: [], }); const { id, description, category, inherentImpact, inherentChance, possibleEffects } = riskForm;Select tag:
<IonSelect multiple placeholder="Seleccione..." name={'possibleEffects'} value={possibleEffects} onIonChange={e => updateFormRisk(e)} > {riskPossibleEffects().map((health: any, i: number) => ( <IonSelectOption key={i} value={JSON.stringify(health)}> {health.title} </IonSelectOption> ))} </IonSelect>onIonChange Function:
const updateFormRisk = (event: any) => { setRiskForm({ ...riskForm, [event.target.name]: event.target.value, }) };of someone can help me with this i’ll appreciate it.
Posts: 1
Participants: 1
↧
Problema con CORS en IONIC 4
@stacuri wrote:
Tengo prolemas cuando realizo una peticion HTTP desde la aplicacion a una API, En ambiente de desarrollo se soluciona agregando el complemento que habilite el CORS en el navegador. Sin embargo, al generar la aplicacion como PWA o Android, el error persiste y no se ejecutan las peticiones HTTP. he intentado con proxies pero no funciona. Si alguien me puede ayudar con una solucion definitiva le agradezco. al momento mi metodo es el siguiente
sendPostRequest(user: string, password: string) {
const httpOptions = {
headers: new HttpHeaders({
‘Content-Type’: ‘application/json’
})
};
const postData = {
“user”: user,
“password”: password
}
return this.http.post(‘http://DOMINIO/SUBDOMINIO/SERVICIOS/ingresoapp’,
postData, httpOptions);
}
Posts: 1
Participants: 1
↧
↧
Ionic 4 PWA app that allows rapid creation of SVGs for your custom ION-ICONs
@morphist wrote:
Hey guys, just finished release for our next version that is now on Ionic 4 and also allows user to create SVGs which could be then used with ion-icon:
app is here:
Any feedback - welcomed!
Posts: 1
Participants: 1
↧
Problem compile app to ios ionic 4
@AnderGo wrote:
I cant compile my app in ionic 4 to real device , but i cant run it in a simulator when i tried to compile the x-code says me.
Showing Recent Messages
Command PhaseScriptExecution failed with a nonzero exit codeand this is the reazon
PhaseScriptExecution [CP]\ Embed\ Pods\ Frameworks /Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Intermediates.noindex/App.build/Debug-iphoneos/App.build/Script-9592DBEFFC6D2A0C8D5DEB22.sh (in target: App)
cd /Users/linamarvalencia/Downloads/EddyMusicAplication-master/ios/App
/bin/sh -c /Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Intermediates.noindex/App.build/Debug-iphoneos/App.build/Script-9592DBEFFC6D2A0C8D5DEB22.shmkdir -p /Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Products/Debug-iphoneos/App.app/Frameworks
rsync --delete -av --filter P .*.??? --filter “- CVS/” --filter “- .svn/” --filter “- .git/” --filter “- .hg/” --filter “- Headers” --filter “- PrivateHeaders” --filter “- Modules” “/Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Products/Debug-iphoneos/Capacitor/Capacitor.framework” “/Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Products/Debug-iphoneos/App.app/Frameworks”
building file list … done
Capacitor.framework/
Capacitor.framework/Capacitor
Capacitor.framework/Info.plistsent 2138234 bytes received 70 bytes 4276608.00 bytes/sec
total size is 2137742 speedup is 1.00
Code Signing /Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Products/Debug-iphoneos/App.app/Frameworks/Capacitor.framework with Identity iPhone Developer: Jhon Rubio Delgado (K2G9MW6WT8)
/usr/bin/codesign --force --sign BCCF645AE9AFEB3C40AECB18E54B3D3144A2A2B6 --preserve-metadata=identifier,entitlements ‘/Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Products/Debug-iphoneos/App.app/Frameworks/Capacitor.framework’
/Users/linamarvalencia/Library/Developer/Xcode/DerivedData/App-crvwvskyflislfgmcpcgnctzbbac/Build/Products/Debug-iphoneos/App.app/Frameworks/Capacitor.framework: errSecInternalComponent
Command PhaseScriptExecution failed with a nonzero exit code
Posts: 1
Participants: 1
↧
Ion-select in web browser
@royappa wrote:
In the web browser version of ion-select, I can’t get the option list to scroll without first selecting one item and using arrow keys. There is no scrollbar on the right side and I can’t scroll using the mouse. Is this normal? Or do those behaviors need to be added with more code or markup? Here’s the code:
<ion-select formControlName="language" placeholder="Pick a language" (ionChange)="selectLang($event)" [class.invalid]="!langForm.controls.language.valid" > <ion-select-option *ngFor="let lang of langs" value="{{lang.languageCode}}">{{lang.displayName}}</ion-select-option> </ion-select>The rendered select list looks like this:
It’s also odd that the selection pops up in a separate box entirely as opposed to dropping down in-place.
Is there any way to make ion-select in the web look and behave more, well, like a normal dropdown select? Or is everything pretty much geared to an app-like view, even if viewed on the web?
Posts: 1
Participants: 1
↧