Stack Overflow
Stack Overflow

Questions tagged [ionic-react]

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

240 questions
2
votes
1 answer

Image gallery with Ionic React using Ionic-Swipe

My client requested an image gallery feature. Such that I will have an array of images and on clicking each image, I will get like a modal that shows all the images available one by one. I want to achieve this with the Ionic Swiper Component. The…
AbdulAzeez Olanrewaju
  • 976
  • 1
  • 13
  • 32
2
votes
1 answer

How to call api in ionic framework using react?

I'm trying to fetch API using this but it's not working. async componentDidMount(){ const url = "https://jsonplaceholder.typicode.com/posts"; const response = await fetch(url); const data = await response.json(); …
Shamim Akhtar
  • 21
  • 2
2
votes
2 answers

Ionic React Page Transition

I have an Ionic React project using the blank template from ionic/cli: ionic start. For reference purposes, I also created a conference template sample application. After working for a while I saw that the page transition in the conference template…
Vivere
  • 1,919
  • 4
  • 16
  • 35
2
votes
1 answer

How to open app + specific url from a push notification in Ionic 5?

I'm developing an app with ionic 5 (react) and capacitor.js. I have a handler for performing a task when I receive a push notification and take an action (currently I'm just logging out the data). What I need to happen in this handler is to route…
rakitin
  • 1,943
  • 6
  • 25
  • 51
2
votes
2 answers

How to trigger IonModal from an IonTabBar using Ionic React

I have a specific use-case where I need to trigger a modal to open by clicking a tab from the tab bar. Similar to how Instagram triggers a modal to open when clicking the (+) icon in the tab bar to add a new post. Given the following Ionic React…
Jordan Lewallen
  • 1,681
  • 19
  • 54
2
votes
0 answers

Google error on redirection from an Nginx proxy pass

I know the title seems confusing but here is the problem. I have an Ionic React Project and a WordPress site (lets say abc.com ) on an Ubuntu 18.04 server and I want that everybody who visits abc.com/app to be taken to the Ionic web app and for this…
Dhaval Chheda
  • 4,637
  • 5
  • 24
  • 44
2
votes
1 answer

Is there any downside to using .jsx instead of .tsx all the times in ionic-react?

if we write jsx syntax in ionic-react what would happen? is state={} objects and props are valid in .tsx file. I create front end by using .jsx files instead of .tsx, will it cause trouble in deployment and if it so. how do I overcome that without…
Nilupul Heshan
  • 580
  • 1
  • 5
  • 18
2
votes
1 answer

Ionic tab bar changes URL but not rendered page

I have a tab bar in Ionic React that should display on some pages and not others. I recently upgraded to Ionic React 5.0.7, and since then my tabs have stopped working. Specifically, although clicking on the tabs changes the URLs, it doesn't…
mic
  • 1,190
  • 1
  • 17
  • 29
2
votes
2 answers

ion-split-pane on desktop, ion-tabs on mobile

I want to display an ion-split-pane when the app is displayed on a desktop (or large screen) And switch to an ion-tabswhen the app is displayed on a mobile. Is this possible to do that ? I'm using Ionic on React
Xero
  • 3,951
  • 4
  • 41
  • 73
2
votes
1 answer

ionic-react how to animate with on component re render?

I am using below code to animate my slider menu as there is no proper example of ionic menu controller for react.
Praful Kadam
  • 372
  • 6
  • 22
2
votes
1 answer

Capacitor Plugin shows as undefined on android build

Here's a capacitor plugin I found https://github.com/JhonArlex/capacitor_qrcode and I want it to integrate it to my ionic app, on web serve it works as expected, but when I try on livereload on android, the error screen pops out and says the plugin…
Dwyte
  • 451
  • 1
  • 3
  • 15
2
votes
0 answers

How to do Auth actions with Ionic 4 React with Rails

I'm at a hackathon and trying to use Ionic 4 (react) which I've never used before to connect to a Rails database that I made (auth is done on the backend) that is hosted on heroku. I really just need to connect the auth actions to it on the frontend…
Regina
  • 21
  • 1
2
votes
1 answer

Building ionic/react for android - Invalid project type "react"

I'm using @ionic/react in order to build an Android app. Everything worked fine, but I do not seem to be able to build an android version of it. The commands $ ionic build $ ionic serve $ ionic integrations enable capacitor $ ionic cap add…
Martin Bories
  • 1,067
  • 17
  • 37
1
vote
1 answer

How can I conditionally apply a plugin in Vite depending on build type?

I am using Vite to build an Ionic React app, which has three versions: iOS Android PWA I'm using vite-plugin-compression2 to gzip the PWA files. Here's my vite.config.ts: plugins: [ eslint(), compression({ algorithm: 'gzip', …
Patrick Kenny
  • 4,515
  • 7
  • 47
  • 76
1
vote
0 answers

How to redirect an API request from a mobile front-end react app user according to their app url (origin)?

I am using FastAPI to redirect the user from the external payment page to the success page after their payment is succeeded. The user will be paid in another payment gateway and then redirected back to the app URL as a response after payment is…
Edwin__7336
  • 11
  • 3
1 2
3
…
15 16