The ReactJS version of the Ionic cross platform mobile application development framework.
Questions tagged [ionic-react]
240 questions
8
votes
2 answers
Hide tabs on Login screen in Ionic React
I created an ionic react app with tabs starter template from the cli and added login functionality to the existing structure.
What I did :
App.tsx
const App: React.FC = () => (
…
kkakroo
- 1,043
- 2
- 11
- 21
8
votes
2 answers
Receive dimensions of element via getBoundingClientRect in React
I would like to find out the dimensions of a DOM element in a reliable way.
My consideration was to use getBoundingClientRect for this.
const elementRef = useRef(null);
const [dimensions, setDimensions] =…
Jan Bürling
- 147
- 1
- 9
6
votes
2 answers
Hiding IonTab on subpages - Ionic React 5
I am building Ionic React application, and the version of ionic is 5. In my application, I have bottom navigation. I have mentioned the logic of bottom navigation in App.tsx.
I have an add button on the Dashboard page on clicking that button I want…
Tanvi Jain
- 113
- 1
- 14
5
votes
1 answer
ios14 creating issue in running application
I build one application for ios and android it is running perfectly in
iphone 11 and IOS 15.But raise issue in iphone 11 with ios 14.
when i install app in ios 14 it is displaying blank screen and just my theme light and dark is working no other…
Mansi Mistry
- 189
- 1
- 9
5
votes
0 answers
Firebase Auth throwing "auth/internal-error" when trying to use PhoneAuthProvider method in Ionic React IOS mobile application
I am currently having some issues trying to integrate Google Firebase authentication into a React Ionic mobile application. So far I have been able to set up the app to run correctly on both web and android but am running into repeated issues with…
JordanDavis
- 51
- 2
5
votes
3 answers
ionic react local notifications with capacitor not working
I am trying to implement local notifications using capacitor.
first I installed plugin using below commands,
npm install @ionic-native/local-notifications
npm install cordova-plugin-local-notification
Then in my .js file, I did add below…
Praful Kadam
- 372
- 6
- 22
5
votes
2 answers
Cannot find name 'RouteComponentProps'. TS2304
i just try to follow instruction to build an todo app from ionic x react documentation,
But when i try to require I got this error (view the image)
This is my code , sommeone see what i do by the wrong way ?
import { IonContent,
…
5
votes
1 answer
How to create a new page on Ionic with react?
I run command ionic generate pages/login but me return this error
Since you're using the React project type, this command won't work. The Ionic CLI doesn't know how to generate framework components for React
Mike Otharan
- 861
- 1
- 14
- 31
4
votes
1 answer
Autoread OTP in web and copy paste OTP from clipboard in web not working for android/iOS
I'm using Ionic React application and completely new to building ionic react apps.
Currently I'm trying to autofill OTP(One Time Password) by fetching the OTP through message's of android/iOS during the login/signup of user.
Currently the OTP is…
jarivak
- 828
- 13
- 28
4
votes
0 answers
Framework delegate missing when using modalController.create in React
I’ve been using the useIonModal hook everywhere in my app, and it works fine, but now I wanted to make my own modal hook, in order to know when the modal is displayed and when it is closed (onDidDismiss) outside of it.
useModal.tsx:
import…
gabrielnvian
- 73
- 1
- 5
4
votes
0 answers
dangerouslySetInnerHTML returns [object, object] with any input that contains markup (eg 'a', 'div', 'span', etc)
I've created a custom component that is used simply for display purposes:
import React from 'react';
import './CardContainer.css';
import sanitizeHtml from 'sanitize-html';
interface ContainerProps {
content?: any,
children?: any;
}
const…
Phill Healey
- 3,084
- 2
- 33
- 67
4
votes
3 answers
URL changes but page new page is not rendered Ionic React , IonReactRouter with history
I am writing an app using Ionic 5 with React and Redux. I am attempting to navigate to a new page, /tabs/home, upon a successful login attempt. I am trying to do this by pushing the new URL onto the react router history prop when I get a successful…
Stalfurion
- 81
- 1
- 13
3
votes
1 answer
Ionic Capacitor Deep links (appUrlOpen) event running multiple times 10+
I'm building an app where I have deep links to open app and run a specific function based on the url.
But the event triggers multiple times and run same function after that I have 10+ alerts which needs to be confirmed.
This is from running app on…
Byurhan Beyzat
- 61
- 6
3
votes
1 answer
useReducer in Context consumer does not update after change in some locations
I added a context that contains a useReducer hook to my Ionic React app. I'm seeing some strange behavior: when I update the context value with a dispatch call, then a consumer component will be updated on the page, but the exact same component on…
Patrick Kenny
- 4,515
- 7
- 47
- 76
