Stack Overflow
Stack Overflow

Questions tagged [touchablewithoutfeedback]

32 questions
35
votes
7 answers

React native onPress with TouchableWithoutFeedback is not working

I am developing a simple React Native application for learning purpose. I am just taking my initial step to get into the React Native world. But in this very early stage, I am having problems. I cannot get a simple touch event working. I am…
Wai Yan Hein
  • 13,651
  • 35
  • 180
  • 372
6
votes
3 answers

How do I use React Native onLongPress properly?

I have a simple piece of code that's just a TouchableOpacity with a onLongPress prop, but it does not seem to be working. {console.log("pressed")}} activeOpacity={0.6}> …
Nerdragen
  • 2,976
  • 2
  • 11
  • 22
4
votes
0 answers

Handling on press event for every word in long text rendered on the screen in ReactNative

I have a long text (for example, part of some book), and I need to render it on the screen but I need every word to handle touches. On touch I want to show the translation of this word. Is there any more efficient way to do this than wrapping every…
Galina Smirnova
  • 53
  • 5
4
votes
0 answers

Nested touchables in react native event propagation not working

I have a TouchableWithoutFeedback (child) with an onLongPress method inside a TouchableOpacity (parent) with an onPress method. What I want is that a regular press (not long press) on the child component should trigger the onPress method of the…
aks94
  • 375
  • 1
  • 4
  • 15
2
votes
1 answer

Button is not showing over cardView in android but working in iOS in react native

I am creating a button over a cardView , It is working in iOS -- But it is not working same in android , it is showing like--- My code is for creating this -
Deepti Raghav
  • 852
  • 1
  • 9
  • 26
2
votes
3 answers

TouchableWithoutFeedback is throwing rendering error

I am developing a React Native application for learning purposes. Now I am using TouchableWithoutFeedback component to response the user interaction. But I am getting an error. Here is my code: class Events extends React.Component { static…
Wai Yan Hein
  • 13,651
  • 35
  • 180
  • 372
2
votes
0 answers

Webview on Android can't be clicked if wrapped in Touchable

This is Android specific problem in react native app. To be more precise, this issue can be produced on Samsumg S6 Edge, Pixel 2 etc. and it works with other Android phones. I have a webview (which plays video) wrapped under Touchable as shown…
Vishal
  • 21
  • 4
1
vote
0 answers

React Native allow Touchable components to respond to onPress when wrapped in TouchabledWithoutFeedback

I want to allow the user to touch anywhere on the screen to dismiss the keyboard, but still allow interaction with Buttons. My code looks something like: …
jacksonet00
  • 11
  • 2
1
vote
1 answer

TouchableOpacity outside parent View in absolute positive not works react native

I was making Picker component but what I found is Touchable Opacity in absolute positions outside from it's parent view not works. const App = () => { const data = [2, 3, 4, 23] const [isOpen, setIsOpen] = useState(true); return (
Muhammad Rafeh Atique
  • 722
  • 5
  • 22
1
vote
0 answers

Cypress - Overlay not popping up when button is clicked

Description: I am currently trying to write an automated test that involves clicking on a button within a navigation bar. The expected behavior is that an overlay that contains more links would pop up, as seen in this video here:…
Peter Cruz
  • 11
  • 1
1
vote
1 answer

React Native - Close modal when click out of it on IOS

I'm new to React Native. I've added a modal to my app and I want it to be closed when I click outside the modal. But nothing happens when I click out of the modal. Here is my code import React from 'react'; import { View, Text,…
Ryzwan TAHERALY
  • 13
  • 4
1
vote
1 answer

onPress handler not being fired over TouchableHighlight on Android

We are experiencing a weird issue. The thing is that when you press the button, for some reason the Highlight to the underlayColor is occurring but the Touchable is not firing the onPress handler. The onPress handler is ran if you continue pressing…
halbano
  • 1,135
  • 14
  • 34
1
vote
2 answers

Make a background Image disappear from button on button click, TouchableWithoutFeedback - React Native?

I have created an extremely large button with a giraffe head and a blue sky with clouds behind. I am wondering how when you click on the giraffe head you can make the image (sky behind) disappear and then reappear when you click the giraffe again.…
Tamsyn Jennifer
  • 517
  • 2
  • 6
  • 20
1
vote
7 answers

react-native TouchableNativeFeedback onPress not working

I have created a composed component to compose TouchableNativeFeedback to wrapperComponent. export default function withFeedback2( WrappedComponent ) { return class extends BaseComponent { constructor(props) { …
Shubhi Sood
  • 410
  • 4
  • 13
0
votes
0 answers

React native Application STB(SET-TOP BOX) Focus issues. Unable to use the Focus or blur methods in React Native android Application

i am an android developer and i am trying to develope a Tv Application for the Set-Top box but the React Native OnFocus/ onBlur method inside a Touchables are not working, but yes The focus is moving from one button to another but i am not able to…
Pavan Kumar
  • 1
1
2 3