Stack Overflow
Stack Overflow

Questions tagged [ionic-react]

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

240 questions
3
votes
2 answers

How to set minimum android version support in ionic +react + capacitor project?

I don't know how to set the minimum version of android to support, the apk created works only in new versions of android and doesn't work on older ones, i am a web developer and never developed anything related to android before, should i install…
Code Eagle
  • 1,293
  • 1
  • 17
  • 34
3
votes
1 answer

Ionic/React/TypeScript,using react-router history.push, history.replace and history.goBack Animation triggers twice

So basically i'm Working on a Ionic/React Typescript application and there is this strange page transition that occurs twice when I navigate thought the app (see gif below) I checked and it's not the renders that's call twice as the…
Axel Frau
  • 109
  • 1
  • 12
3
votes
2 answers

Redirecting/Rendering different component upon validation ionic react

I'm fairly new Ionic React and trying to create an App using Ionic framework. I have a use case where I would like to redirect to another page upon a button press and validation from a function. Here is the component I am working with import React,…
Panch
  • 1,097
  • 3
  • 12
  • 43
3
votes
2 answers

React Ionic 5: How to pass object from App component to Tab component

I have created an Ionic React app using Ionic 5 tab template. I want to pass an object from App component to tab component. Is there any way to do it ? Tab1 and Tab2 are my tab components. Note: I want this object to be used in both Tab components…
Yuvraj Patil
  • 7,944
  • 5
  • 56
  • 56
3
votes
2 answers

How to dynamically position a IonPopover to appear from a button?

I'm trying to position a popover to appear underneath a button when that button is clicked. An example of this is on the Ion docs page. However the code for this is not supplied in React, only in Angular. Currently my code looks like…
James Brightman
  • 857
  • 2
  • 13
  • 23
2
votes
1 answer

RangeError: Invalid string length with jest and @testing-library/react

I am creating tests for an Ionic React app. I noticed that when I use a screen.getBy... provided by the React Testing Library, it does not tell me that the item does not exist. Rather it throws a RangeError: Invalid string length after about 9/10…
HotFix
  • 157
  • 1
  • 11
2
votes
1 answer

Ionic React cannot select radio button after form error

I have a form which is dynamically built using Ionic React and Yup for validation, this is done based on information coming from an API but I have an issue if I do not select a radio button when I press submit the radio buttons become unclickable…
Stephen E.
  • 252
  • 2
  • 17
2
votes
0 answers

Setting IonDatetime default value while using watch function from react-hook-form

I'm building a form using Ionic 6, React 18 and react-hook-form 7.37.0. My form includes a field where a datetime needs to be set, which is implemented with IonDatetime. Using minuteValues parameter I limit the user to select minutes values in 5…
fa__
  • 267
  • 5
  • 17
2
votes
1 answer

Ionic React build without minification

I am trying to run the script ionic build But the generated build version is always with --production flag. Thus my js/ts code is minified and not suitable for debugging. Do you know a way to build in dev mode? output of "ionic build" The…
tjhannes
  • 23
  • 4
2
votes
0 answers

Dynamic content in Ionic React modal/bottom-sheet causes modals to render on top of eachother

When passing dynamic content to an ion modal bottom sheet, instead of updating the content in the bottom sheet a new bottom sheet is rendered on top of the previous one, eventually leading to a load of modals on top of each other. I think this is an…
Aled Jones
  • 21
  • 1
2
votes
0 answers

Ionic 6-React custom font does not change on android

I'm trying to change the entire app font to a custom font like so Bringing it to my variables like so Applying to global.css like this Does not change on android, it still uses Roboto font. But, it works in the browser. The Browser version
AbdulAzeez Olanrewaju
  • 976
  • 1
  • 13
  • 32
2
votes
1 answer

How to autofocus an IonInput/OtpInput field in (Ionic + React.js App), I have already tried all the solutions out there

I have an otp input field and I want it to be autofocused on initial rendering(using hooks, smart and dumb component) The field is inside an IonModal import OtpInput from "react-otp-input"; import {IonInput, IonModal} from…
Learner
  • 41
  • 2
  • 8
2
votes
0 answers

ionic react set does not really set value

i am using ionic react with below code. Where i am fetching data from firebase and then trying to set it to a state variable. however it does not seems to set and the code is fairly starightforward. how do i make sure it is set before i can do next…
Moblize IT
  • 1,140
  • 2
  • 18
  • 44
2
votes
1 answer

How to slot custom components in React-Ionic?

Pardon my absolute ignorance, I’m new to React, but how can I use slots in Ionic React since React has no directives, like Angular? I mean, lets say I’m wanting to add some FontAwesome Icons but since they don’t have the slot attribute, how can I…
Dinaiscoding
  • 992
  • 1
  • 7
  • 16
2
votes
0 answers

how to use code-push functionality in an Ionic Capacitor project?

I Need to update my Ionic Capacitor app(React).I tried the code-push with Cordova Plugin. But not working for me. Anyone know about the code-push technology with capacitor plugin? or How can we use the Cordova code-push in a capacitor app?. Please…
vishnu vinod
  • 35
  • 5
1
2
3
…
15 16