When clicking somewhere on the screen, a dialog box or something similar seems to open on the screen. This issue does not occur on any other iOS or Android device. Only happens on an iPhone 11 running iOS 15.3.1.
This is occurring on React Native. The radio buttons are just Touchable Opacity, and not a package. There are no buttons or onClick events triggers anywhere else on the screen.
Here is a link to the video: https://drive.google.com/file/d/1nK9M8J38y3jnBxoKhuQiFT6qV5ZuNz3n/view?usp=sharing
Any ideas what may be triggering it?
Related
I'm working on a native app that I want to display some pages in using React Native. I'm using react-navigation to handle a stack, and launching that in an Android activity (built according to the documentation for integrating React Native code into native apps) and from the similar instructions for iOS.
Once I enter the stack, I can navigate around it just fine - back navigation works with both an on-screen button calling navigation.goBack()/navigation.pop() and the Android hardware back button. The problem comes when I reach the top of the RN stack - I'd expect another attempt to pop from the stack or another press of the hardware back button to exit the app, but it doesn't; instead nothing happens when pressing the back button, and the on-screen button gives an error like:
The action 'GO_BACK' was not handled by any navigator.
and doesn't do anything.
How can I make back navigation from the top level of my React Native content seamlessly return me to the native app on both iOS and Android?
I created a modal using react-native-modalfy(because of its universal usage) that has an input field. On android everything is working as expected(i.e., modal moving up when keyboard aperars) but on the iOS, whenever I try to type something the keyboard appears on the modal UI and doesn't allow me to see anything that happens on the modal UI. Is there any workaround to get past this issue?enter image description here
I have data in flatList. I want to build app for people to use it with external keyboard by connecting keyboard with bluetooth.
But Now Problem is By pressing Tab button from keyboard FlatList Not scrolling till Bottom View Its only select views which present in current scree.
so is there any solution for this. please guide me over this
I am using the library react-navigation-drawer for my app side menu.
My app should be working on iphone and iPad as well.
The default side menu of this library is working well on iPhone.
But on iPad, side menu should be always visible on my app.
I could implement this by drawerLockMode:'locked-open' on some pages.
But Side menu has been overlayed on content screen. and could not doing any actions on content screen.
Even content screen has been pushed aside as width of side menu.
Anyone help me how to implement the responsive side menu on iPhone and iPad?
Thanks
whenever app is running on iPad, set drawerType={'permanent'} for Drawer.Navigator
https://reactnavigation.org/docs/drawer-navigator/#drawertype
I am working on the accessibility in the react-native and what issue i m facing is that when the app is run using keyboard, then all the touchable components are focused using tab navigation but they are not getting clicked when any keyboard key like enter is pressed
I tried some of the tips given in the "https://facebook.github.io/react-native/docs/accessibility.html" but it is still not working.