Questions tagged [ionic-react]

The ReactJS version of the Ionic cross platform mobile application development framework.

240 questions
0
votes
1 answer

How to import a Cordova plugin with TypeScript, React, and Vite?

I have a TypeScript React project that is built in Vite. This is an Ionic React project that I build apps for Android and iOS as well as a PWA for the web. I'm trying to use the latest version (13) of the cordova-purchase-plugin in my app. This…
Patrick Kenny
  • 4,515
  • 7
  • 47
  • 76
0
votes
1 answer

How to execute selenium-webdriver commands in selenium-ide execute script command?

I'm testing my react ionic project using selenium-ide, there is no available commands in selenium-ide that focus on an input or a popup (Modal). I guess that we have more options to execute using selenium-webdriver that allow us to have more control…
0
votes
1 answer

Can't import the named export 'EmptyPcset' from non EcmaScript module (only default export is available)

I'm working with a react ionic project, after installing the node modules and trying to run the project, the below issue is displayed: "./node_modules/@tonaljs/scale-type/dist/index.mjs Can't import the named export 'EmptyPcset' from non EcmaScript…
rawad nasr
  • 11
  • 2
0
votes
1 answer

How to make background gradient on page refresh in ionic framework

I have a task to do a page refresh in the application, the problem is that the background of my application is a gradient, not a static color, ionContent perceives a gradient in the background, but when I refresh the page, a block with an ionPage…
Dmytry
  • 11
  • 1
0
votes
0 answers

Conditional routes with React router, React context and Supabase

I am building an app using Ionic React and Supabase. I have some conditional routes where the conditions are based on a context variable (auth.session). The variable however is null at the time of evaluation, and only gets set by the Supabase client…
HotFix
  • 157
  • 1
  • 11
0
votes
1 answer

How to enable Overscroll effect in android ionic 6 react

Sorry for my title; I’m not really familiar with the effect in question. But here the simple thing is how to make my Ionic 6 react page have an effect like this picture. Like android native I’ve tried several ways to modify the style and CSS, but it…
0
votes
0 answers

Issue installing node modules in react app

Recently moved all my files from my old Mac 2015 to a new module with a M1 Chip. Been wrecking my brain trying to get projects up and running. This one will not install the packages. Anyone know any solutions, seen this has been a problem with…
Ndango
  • 59
  • 8
0
votes
0 answers

How should I resolve this issue "package android.content does not exist"?

enter image description here We were trying to make apk from ionic-react using capacitor. These are the commands that we have followed: npm install @capacitor/android npx cap add android npx cap open android ionic capacitor sync android
0
votes
0 answers

How to enable POST_NOTIFICATIONS permission for android 13 - ionic reactjs app

Need to know the steps to achieve notification prompt in the android 13. (ionic6 - reactjs Project) i have already declare the permission in the app’s manifest file. need to know the remaining steps associated with it. Need to show the notifiaction…
0
votes
0 answers

Ionic Router Uncaught TypeError in Version 7

I have installed ionic router version 7.0.0-beta.1 on ionic project 7 beta.I have an following error IonRouter.tsx:326 Uncaught TypeError: (0 , react_router_dom__WEBPACK_IMPORTED_MODULE_4__.withRouter) is not a function Uncaught TypeError: (0 ,…
0
votes
0 answers

Unable to show Splash screen with "Ionic + React" in Android 12+

I am using Ionic 6 and ReactJs together. When I export the apk with Android Studio and test it on Android physical devices having versions lower than 12, App startup splash screen is showing. But when I run the app in Android 12+ devices, the Splash…
0
votes
0 answers

View Note Content using Ionic React

I'm using ionic react + firebase and I'm creating a journal/diary in my app. the thing is, when I update/edit a note in my note history it will show the updated title or detail but when I tried to view that note, it's empty. I need to view other…
Kātā
  • 13
  • 7
0
votes
0 answers

Ionic React - Property 'set' does not exist on type 'typeof Storage'.ts(2339)

So basically I'm currently doing my class lesson and right now I'm stuck with this problem. {Property 'set' does not exist on type 'typeof Storage'.ts(2339)} and {Property 'get' does not exist on type 'typeof Storage'.ts(2339)} import { Directory,…
Dragonarc
  • 73
  • 2
  • 10
0
votes
0 answers

How to open & display a file in ionic react

Trying to open a file from ionic react code, but couldn't do it as it throws an error with fileOpener.open is not recognized or undefined. import { FileOpener } from '@awesome-cordova-plugins/file-opener/ngx'; const callFileOpen = () => {    …
0
votes
0 answers

ionic-react Input type file with mime type audio is not working in ios. Its working fine with android

I am trying to choose only audio file but audio files is disabled it is working fine with mime type video/* or image/*