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

Ionic tabs not working


Ionic 4 Adding Ticket/QRImage to Apple Wallet

$
0
0

@amitrwebspero wrote:

I’m Generating QR codes after a ticket purchase. I want to store these QR codes to Apple Wallet.

I’ve used ionic-native apple-wallet plugin, But the documentation doesn’t give enough info on how to store QR image in apple wallet.

import { AppleWallet } from '@ionic-native/apple-wallet/ngx';

this.appleWallet.isAvailable()
 .then((res: boolean) => {
    Expect res to be boolean
  })
 .catch((err) => {
    Catch {{err}} here
 });

The documentation lets add/remove a card, but doesn’t have documentation on adding a QR to Apple Wallet.

Posts: 1

Participants: 1

Read full topic

Ionic 4: oracle-mcs-notifications-cordova-plugin: Can't find MainActivity.java

$
0
0

@bc_uk wrote:

I am trying to implement the Oracle MCS Cordova Plugin in my ionic4 app. I followed all their install steps, as shown here:

There were no issues when Installing the relevant Oracle and Firebase packages. However, when I try to run the app on the Android emulator, I get the following error:

Error: oracle-mcs-notifications-cordova-plugin: Can't find MainActivity platforms\android\src\com\mycompany\myapp\MainActivity.java

However, the actual path in my project is as follows:

platforms\android\app\src\main\java\com\mycompany\myapp\MainActivity.java

As you can see, the actual folder structure differs in the project compared to what the Oracle MCS plugin is looking for.

I realise that this is more a problem with Oracle’s MCS plugin (I’m guessing it was written for an older version of ionic), but wondered if there was an easy way around it?

Posts: 1

Participants: 1

Read full topic

Ionic 4 Issue "network Permission" in Huawei Mate 10

$
0
0

@azeem786 wrote:

Huawei Mate 10 facing network Permission issue in Android App Ionic v4. Huawei Mate 10 has Android pie 9 and API level 28.0.3. It is working on Samsung mobile Android 8 smoothly. Why this issue. How this issue will be handle some one have any idea about it. what I have to update cordova version, ionic version.

Posts: 1

Participants: 1

Read full topic

Block apps from working

$
0
0

@pinson wrote:

Hello everyone,

I am working on a project to block selected apps from working but I don’t know if Cordova has this features.

In fact, I need an headstart to begin with.

I will welcome any ideas to accomplish this task.

Thanks

Posts: 1

Participants: 1

Read full topic

Abrir app cuando llega una notificación

$
0
0

@andrenosaurio wrote:

Buenos dias, lo que requiero es que cuando llegue una local notification se abra o carge automaticamente la app que se esta ejecutando ya en segundo plano.

Posts: 1

Participants: 1

Read full topic

Whitelist link iOS without using plugin "cordova-plugin-whitelist"

$
0
0

@RobertoLanza wrote:

Is there some way to whitelist URLs without using “cordova-plugin-witherlist” in iOS?
Now I am using this in combination with inAppBrowser, but when I try to access some link, the loading get stuck forever.
In android it is working fine.

this is how I am using it.
Every link in config.xml is declared as follow:

<access origin="https://LINK" />
<allow-navigation href="https://LINK" />
<allow-intent href="https://LINK" />

In index.html I have this:

<meta http-equiv="Content-Security-Policy" content="default-src * data: blob: ws: wss: gap://ready file://*;style-src * 'unsafe-inline'; script-src * 'unsafe-inline' 'unsafe-eval'; connect-src * ws: wss:;">

But it is not the first one that I’m trying.

Could you please help me?

Thanks in advice.

Roberto

Posts: 1

Participants: 1

Read full topic

Ionic V4 offline mapping

$
0
0

@GeekyPhilip wrote:

Has anybody managed to implement offline mapping in an Ionic v4 app?

I would rather avoid mapbox and here that have high commercial licencing charges.

Anybody?

Posts: 1

Participants: 1

Read full topic


Ionic app opens slow

$
0
0

@lokeshasas wrote:

import { BrowserModule } from ‘@angular/platform-browser’;
import { IonicApp, IonicModule, IonicErrorHandler } from ‘ionic-angular’;
import { MyApp } from ‘./app.component’;
import { HttpModule } from ‘@angular/http’;
import { LoansApplyPage } from ‘…/pages/loans-apply/loans-apply’;
import { AboutPage } from ‘…/pages/about/about’;
import { AccountPage } from ‘…/pages/account/account’;
import { BookingPage } from ‘…/pages/booking/booking’;
import { BooknowPage } from ‘…/pages/booknow/booknow’;
import { CategoryPage } from ‘…/pages/category/category’;
import { ChatPage } from ‘…/pages/chat/chat’;
import { ChatscreenPage } from ‘…/pages/chatscreen/chatscreen’;
import { ContactPage } from ‘…/pages/contact/contact’;
import { FaqsPage } from ‘…/pages/faqs/faqs’;
import { ForgotpasswordPage } from ‘…/pages/forgotpassword/forgotpassword’;
import { HomePage } from ‘…/pages/home/home’;
import { ListofplumberPage } from ‘…/pages/listofplumber/listofplumber’;
import { ManageaddressPage } from ‘…/pages/manageaddress/manageaddress’;
import { NotificatinonsPage} from ‘…/pages/notificatinons/notificatinons’;
import { PrivacyPage } from ‘…/pages/privacy/privacy’;
import { PlumberprofilePage } from ‘…/pages/plumberprofile/plumberprofile’;
import { RequestsPage } from ‘…/pages/requests/requests’;
import { SignupPage } from ‘…/pages/signup/signup’;
import { SigninPage } from ‘…/pages/signin/signin’;
import { TabsPage } from ‘…/pages/tabs/tabs’;
import { FliterPage } from ‘…/pages/fliter/fliter’;
import { AppsPage } from ‘…/pages/apps/apps’;
import { InsurancePage } from ‘…/pages/insurance/insurance’;
import { PendingApplicationsPage } from ‘…/pages/pending-applications/pending-applications’;
import { ProposalsPage } from ‘…/pages/proposals/proposals’;
import { GroceryItemsPage } from ‘…/pages/grocery-items/grocery-items’;
import { OrdersFinalisePage } from ‘…/pages/orders-finalise/orders-finalise’;
import { ShopsPage } from ‘…/pages/shops/shops’;
import { MenuPage } from ‘…/pages/menu/menu’;
import { AddressPage } from ‘…/pages/address/address’;
import { CartPage } from ‘…/pages/cart/cart’;
import { GroceryOrderPlacedPage } from ‘…/pages/grocery-order-placed/grocery-order-placed’;
import { GroceryOrderHistoryPage } from ‘…/pages/grocery-order-history/grocery-order-history’;
import { GroceryOrderHistoryDetailsPage } from ‘…/pages/grocery-order-history-details/grocery-order-history-details’;
import { GroceryOrderHistoryTrackPage } from ‘…/pages/grocery-order-history-track/grocery-order-history-track’;

import { GrdeliveryPage } from ‘…/pages/grdelivery/grdelivery’;
import { HirePage } from ‘…/pages/hire/hire’;
import { SubSubServicePage } from ‘…/pages/sub-sub-service/sub-sub-service’;
import { AnythingPage } from ‘…/pages/anything/anything’;
import { ApplicationStatusPage } from ‘…/pages/application-status/application-status’;
import { InAppBrowser } from ‘@ionic-native/in-app-browser’;
import { StatusBar } from ‘@ionic-native/status-bar’;
import { SplashScreen } from ‘@ionic-native/splash-screen’;
import { Geolocation } from ‘@ionic-native/geolocation’;
import { LocationTrackerProvider } from ‘…/providers/location-tracker/location-tracker’;
import { FileTransfer, FileUploadOptions, FileTransferObject } from ‘@ionic-native/file-transfer’;
import { File } from ‘@ionic-native/file’;
import { Camera, CameraOptions } from ‘@ionic-native/camera’;
import { MedicalPage } from ‘…/pages/medical/medical’;
import { PickPage } from ‘…/pages/pick/pick’;
import { DeliveryPage } from ‘…/pages/delivery/delivery’;

how to optimize my code to load it faster

Posts: 1

Participants: 1

Read full topic

D8: Program type already present

$
0
0

@dessteyu wrote:

i’ have this error when try build android on ionic v-3.

> Task :app:transformDexArchiveWithExternalLibsDexMergerForDebug FAILED
D8: Program type already present: android.support.v4.os.ResultReceiver$MyResultReceiver

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'.
> com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: 
  Learn how to resolve the issue at https://developer.android.com/studio/build/dependencies#duplicate_classes.

  Program type already present: android.support.v4.os.ResultReceiver$MyResultReceiver

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.


* Get more help at https://help.gradle.org

BUILD FAILED in 15s
37 actionable tasks: 5 executed, 32 up-to-date
/*/*/*/m/*/platforms/android/gradlew: Command failed with exit code 1 Error output:
D8: Program type already present: android.support.v4.os.ResultReceiver$MyResultReceiver

FAILURE: Build failed with an exception.

* What went wrong:
Execution failed for task ':app:transformDexArchiveWithExternalLibsDexMergerForDebug'.
> com.android.builder.dexing.DexArchiveMergerException: Error while merging dex archives: 
  Learn how to resolve the issue at https://developer.android.com/studio/build/dependencies#duplicate_classes.
  Program type already present: android.support.v4.os.ResultReceiver$MyResultReceiver

* Try:
Run with --stacktrace option to get the stack trace. Run with --info or --debug option to get more log output. Run with --scan to get full insights.

* Get more help at https://help.gradle.org

BUILD FAILED in 15s
[ERROR] An error occurred while running cordova run android (exit code 1).

can someone help please…

Posts: 1

Participants: 1

Read full topic

This calendar is perfect. Anyone know about it?

Passing objects between pages using route states

$
0
0

@melunko wrote:

Im my ionic-4 project, I am trying to pass an object between pages using states as supported by Angular 7.2. I am using the link below as reference, but in practice what it does is:

<a routerLink="/details" [state]=“myobject”>

However i did not manage to retrieve the object from “state” using ActivatedRoute. How could I do it in ionic-4?

Reference: https://netbasal.com/set-state-object-when-navigating-in-angular-7-2-b87c5b977bb

Posts: 1

Participants: 1

Read full topic

Ionic Build Error - wrong build path?

$
0
0

@footegreg wrote:

So the output states that it has successfully built the apk, but into the following folder path

platforms/android/build/outputs/apk/android-debug.apk

while the native-run submodule is expecting it to be in a sub-folder like this :slight_smile:

platforms\android\app\build\outputs\apk\debug\app-debug.apk

Built the following apk(s):
C:/Ionic-Projects/OS.V2/OSV2.Ionic.App/App/platforms/android/build/outputs/apk/android-debug.apk

native-run.cmd android --app platforms\android\app\build\outputs\apk\debug\app-debug.apk
No hardare devices found, attempting emulator…
Selected emulator ec841624
Error: ENOENT: no such file or directory, open ‘C:\Ionic-Projects\OS.V2\OSV2.Ionic.App\App\platforms\android\app\build\outputs\apk\debug\app-debug.apk’
[ERROR] An error occurred while running subprocess native-run.

    native-run.cmd android --app platforms\android\app\build\outputs\apk\debug\app-d... exited with exit code 1.

    Re-running this command with the --verbose flag may provide more information.

Anyone know whats going on with this ? A config issue ?

Thanks Greg

Posts: 1

Participants: 1

Read full topic

Compilar Ionic 4 para android 9 (Pie)

$
0
0

@jorgetv92 wrote:

Buenas Tardes quisiera consultar como puedo compilar mi app termianda para Android 9 (Pie).
ya que al compilarla con $ionic build android . Me lo compila para android 8 (oreo)
y eso me ha traido problrmas por que mis http.get no estan funcionando en android 9, solo funcionan hasta android 8.
intente con $ionic build android@9.0.0 y no compila.
Seria de gran ayuda si alguien conoce como hacerlo, Gracias de antemano

Posts: 1

Participants: 1

Read full topic

Can't find /ngx at Contacts

$
0
0

@Kappa123 wrote:

I followed this link on accessing and managing contact and followed the installation of step 1.

When I got to step 2 and tried to put it in the node module it gave an error saying that it can’t find the file

my app.module has import { Contact } from ‘@ionic-native/contacts/ngx’ and my providers has Contact but when I tried to run it without /ngx it says the following

index.js:112 Uncaught TypeError: Object(...) is not a function
    at index.js:112
    at Module../node_modules/@ionic-native/contacts/index.js (index.js:130)
    at __webpack_require__ (bootstrap:83)
    at Module../src/app/app.module.ts (app.component.ts:18)
    at __webpack_require__ (bootstrap:83)
    at Module../src/main.ts (main.ts:1)
    at __webpack_require__ (bootstrap:83)
    at Object.0 (main.ts:12)
    at __webpack_require__ (bootstrap:83)
    at checkDeferredModules (bootstrap:45)
(anonymous) @ index.js:112
./node_modules/@ionic-native/contacts/index.js @ index.js:130
__webpack_require__ @ bootstrap:83
./src/app/app.module.ts @ app.component.ts:18
__webpack_require__ @ bootstrap:83
./src/main.ts @ main.ts:1
__webpack_require__ @ bootstrap:83
0 @ main.ts:12
__webpack_require__ @ bootstrap:83
checkDeferredModules @ bootstrap:45
webpackJsonpCallback @ bootstrap:32
(anonymous) @ main.js:1

Posts: 1

Participants: 1

Read full topic


Ionic app android, slider with grid. not full width with data or empty

$
0
0

@sdetweil wrote:

I have this working ionic app on android and ios. it is a carousel of ion-slide of tables.(ion-row/ion-col)
one slide (of 4)

 <ion-slide class="theroot" width="100%" >
  <ion-header>
  <ion-toolbar >
  <ion-row>
    <ion-col col-1>
			<button ion-button  icon-only (click)="addeditClicked(1,getselectedRow('image'),'image',{true:'add',false:'edit'}[getselectedRow('image')<0])">
				<ion-icon [ios]="getselectedRow('image')<0 ? 'ios-add':'ios-search'" [md]="getselectedRow('image')<0 ? 'md-add':'md-search'"></ion-icon> 
			</button>				
		</ion-col>
		<ion-col col-10>Images</ion-col>
    <ion-col col-1>
			<button ion-button  icon-only (click)="menu()">
				<ion-icon [ios]="ios-menu" [md]="md-menu"></ion-icon> 
			</button>				
		</ion-col> 
	 </ion-row> 
  </ion-toolbar>
 <ion-toolbar > 
	<ion-row>	
		<ion-col col-3 class=" center">Name</ion-col>
		<ion-col col-3 class=" center">Tags</ion-col>
		<ion-col col-3 class=" center">Source</ion-col>
		<ion-col col-3 class=" center">Path</ion-col>
	</ion-row>						
</ion-toolbar>
</ion-header>
 <ion-content>
   <ion-refresher (ionRefresh)="doRefresh($event);">
    <ion-refresher-content 
      refreshingSpinner="circles"
      refreshingText="refreshing data, please wait">
    </ion-refresher-content>
 </ion-refresher> 
		<ion-row  *ngFor="let image of data.Images;let ii=index;"
												 (press)="deleterow(ii,'image')"
												 [ngClass]="{true:'selected',false:''}[ii == getselectedRow('image')]"
												 (dblTap)="addeditClicked(2, ii,'image','edit')"> 																										
		  <ion-col  item-content col-3 class = "colb center " (click)="setClickedRow(ii,'image','Name')">{{image.Name}}</ion-col>	
			<ion-col item-content col-3 class="colb center" (click)="setClickedRow(ii,'image','Tags')">
			<ion-list >
		     <ion-item no-lines class="center tag-background-transparent" [ngClass]="{true:'tag-text-white',false:''}[ii ==  getselectedRow('image')]" *ngFor="let tag of image.Tags">{{tagfromID(tag)}}</ion-item>
		   </ion-list>
			</ion-col>		
		 <ion-col item-content col-3 class = "colb center " (click)="setClickedRow(ii,'image','DataSource')"><ion-col>{{datasourcefromID(image.DataSource)}}</ion-col></ion-col>
		 <ion-col item-content col-3 class = "colb path" (click)="setClickedRow(ii,'image','PathFromSource')">{{image.PathFromSource}}</ion-col>				 						
		</ion-row>		
		</ion-content>				
  </ion-slide>

all worked as expected… just bow back to it almost 2 years later…
to see all the data, I force rotation to landscape mode.

the problem…
if there is no data in the tables, it is full width


with data, the slide width is truncated. and the next slide shows.

it wasn’t like this 2 yrs ago… I haven’t updated anything in particular, altho this is a mac and the OS and gosh knows what else has been updated along the way.

Posts: 1

Participants: 1

Read full topic

Ionic 4 and Angular 7 Tutorial: Securing Pages using Route Guard

Flatmap-stream dependency... Be careful

$
0
0

@Podum wrote:

Check your projects for flatmap-stream dependency. It was a dependency attached to event-stream@3.3.6 which was originally maintained by the author dominictarr but unknowingly gave full access and control over to a hacker name right9ctrl. The goal of the later was to harvest crypto currencies.

Get rid of this dependency and update event-stream past 3.3.6 to later (After 4.0.1 would be good or just not using it at all would be best). event-stream is no longer being maintained by right9ctrl (he was banned) so just skipping that specific malicious version will do.

I don’t think you have to worry to much about any current projects you may have started but look into any of your dated projects from six months to a year and back.

And above all else, make yourself reachable if you are developing widely used applications so that someone can warn you of future attacks or if they see that your project has be compromised.

Posts: 1

Participants: 1

Read full topic

Local Notifications lunch automatically app

$
0
0

@andrenosaurio wrote:

Good morning, what I require is that when a local notification arrives, the app that is already running in the background opens or loads automatically.

Posts: 1

Participants: 1

Read full topic

I want to change the image in all others pages accordingly

$
0
0

@premktr wrote:

I am new to ionic/angular. In my edit profile page(different page), I can change the profile pic and it should reflect the same in main profile page(another page), these two pages are different.

HTML:

<ion-item lines="none">
        <ion-avatar class="ion-align-self-left" id="pic" (click)="change()">
            <img src="{{myphoto}}">
        </ion-avatar>
    </ion-item>

TS:

  export class ProfilePage implements OnInit {
       myphoto:any;
 
      constructor(private camera: Camera) {
        this.myphoto = '/assets/img/DP.svg';
       this.statusBar.backgroundColorByHexString('#ffffff');
         }
       ngOnInit() {
      }
     take(){
         this.ishide =true;
        this.hide_input =false;
        const options: CameraOptions = {
        quality: 70,
        destinationType: this.camera.DestinationType.DATA_URL,
        encodingType: this.camera.EncodingType.JPEG,
        mediaType: this.camera.MediaType.PICTURE
        }

       this.camera.getPicture(options).then((imageData) => {
       // imageData is either a base64 encoded string or a file URI
        // If it's base64:
       this.myphoto = 'data:image/jpeg;base64,' + imageData;
       }, (err) => {
       // Handle error
       });
       }
        get() {
       this.ishide =true;
       this.hide_input =false;
        const options: CameraOptions = {
         quality: 70,
         destinationType: this.camera.DestinationType.DATA_URL,
         sourceType: this.camera.PictureSourceType.PHOTOLIBRARY,
         saveToPhotoAlbum:false
          }
          this.camera.getPicture(options).then((imageData) => {
        // imageData is either a base64 encoded string or a file URI
         // If it's base64:
         this.myphoto = 'data:image/jpeg;base64,' + imageData;
         }, (err) => {
         // Handle error
         });
          }
           }

Posts: 1

Participants: 1

Read full topic

Viewing all 70434 articles
Browse latest View live


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