I am working on an app that requires detecting click on the screen so I've used TapGestureHandler from react-native gesture handler and that's work fine except for the fact that my webView stop detecting clicking on buttons inside it I mean buttons of websites, not my app buttons
To Reproduce:
you have to put a webView inside component and put any website with buttons and try to click them
Expected behavior:
buttons must be clickable to do some functions inside the webView
Environment:
OS: android
OS version: 10
react-native version: 61.5
react-native-webview version: 10.10.2
Related
I'm facing a weird issue with my react-native application which i'm not able to solve.
I use react-navigation in my app and #react-navigation/bottom-tabs for the bottom tab navigator.
While developing the iOS version everything worked fine, but in the android version i'm not able to click the buttons in the bottom tab bar.
I'll already checked the "touchables" from the bottom bar with the inspector from the react-native debugger and i recognized a "red area" over the buttons.
Someone knows where this comes from and if this is the reason for blocking the buttons?
When using expo to run react native and running in a web browser, the app takes up the entire screen. How do I make it so that the app can resize and look like a phone screen? I tried opening f12, but there's no button on the top right that allows me to resize the view. Here is a screenshot.
if your question is how to resize your browser? you can follow this.
I'm using the react-native-navigation and this their github politic is to forward all questions about their lib on stackoverflow, I'm asking the question here.
So here is the issue I'm having:
My app has a left drawer and an overlay.
On Android (did not test yet on iOS), if I open the left drawer, the overlay that was already open before is rendered over the drawer that opens.
How can I have the drawer to be rendered over the overlay?
Steps to Reproduce / Code Snippets / Screenshots
1 - SetRoot with a left drawer.
2 - right after setRoot, show an overlay
3 - when using your app, open the drawer. The overlay is rendered over the drawer on Android. I would like the contrary.
Environment
React Native Navigation version: 7.1.0
React Native version: 0.63.3
Platform(s) (iOS, Android, or both?): tested on android
Device info (Simulator/Device? OS version? Debug/Release?): device and simulator, Android 10
Turns out that the rnn will be updgraded to address this issue: https://github.com/wix/react-native-navigation/issues/6656
in expo-snack the application drawer menu can appear when we click and drag with the mouse, but when we run the application in android emulator does not work when clicking and dragging to appear the menu.
https://snack.expo.io/#rafaelsl/2c568f
Am running the app in the android emulator and, I want to Preview/Inspect the UI elements.
yes you can check using android studio.
please follow the step:
Tools> android > Android Monitor Device
Open another view
in This view show camera icon in left side panel.
right side of camera icon another icon called "Dump View hierarchy for UI Automator" press on it.
then you can check.