react-native-gesture-handler: RectButton onPress does not work

Hi,

RectButton’s onPress doesn’t work. I’m using React Native 0.60.4 inside of a Styled Component:

export const Hour = styled(RectButton)`
  background: #fff;
  padding: 20px;
  flex: 1;
  opacity: ${props => (props.enabled ? 1 : 0.7)};
  align-items: center;
  margin: 0 10px 20px;
`

I’ve tried running jestify, a manual React Native link despite the recommendations, cleaning cache but nothing works. It decided not to work for NOTHING.

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 7
Comments: 20 (1 by maintainers)

Most upvoted comments

Screen Shot 2019-08-08 at 12 35 48 PM Make sure you followed this insctructions

+36

4yki on Aug 8, 2019

Resolved for me. In my case, I forgot to pass spreading props… Diego`s code! Rocketseat…rs I also copied them

+10

thalesrbs on Sep 21, 2019

UPDATE 2022-08-17

Documentation changed and the installation is now more easier the ever. Take a look at the docs:

https://docs.swmansion.com/react-native-gesture-handler/docs/next/installation/#js

Resume:

install the lib yarn add react-native-gesture-handler

After installation, wrap your entry point with <GestureHandlerRootView> or gestureHandlerRootHOC

export default function App() { return <GestureHandlerRootView style={{ flex: 1 }}>{/* content */}</GestureHandlerRootView>; }

fellypsantos on Aug 17, 2022

you need adjust of this way, involving with GestureHandlerRootView

HenriqueVazquez on Jun 2, 2022

Make sure you followed this insctructions

just add in your MainActivity.java

at the imports

import com.facebook.react.ReactActivityDelegate;
import com.facebook. react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

and at the final

  @Override
  protected ReactActivityDelegate createReactActivityDelegate() {
    return new ReactActivityDelegate(this, getMainComponentName ()) {
    @Override
    protected ReactRootView createRootView() {
    return new RNGestureHandlerEnabledRootView (MainActivity. this);
      }
    };
  }

it’ll look like this

import android.os.Bundle;
import com.facebook.react.ReactActivity;

import com.facebook.react.ReactActivityDelegate;
import com.facebook. react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {
  @Override
  protected String getMainComponentName() {
    return "applicationName";
  }

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(null);
  }

  @Override
  protected ReactActivityDelegate createReactActivityDelegate() {
    return new ReactActivityDelegate(this, getMainComponentName ()) {
    @Override
    protected ReactRootView createRootView() {
    return new RNGestureHandlerEnabledRootView (MainActivity. this);
      }
    };
  }
}

lincolnBerlick on Nov 17, 2021

Be sure to follow complete setup steps for react-native-gesture-handler, including wrapping your root component in <GestureHandlerRootView>

xyeres on Apr 13, 2022

Make sure you followed this insctructions

Thank you, its working now!! That’s what we got when do not read the docs rsrsrs

trsp400 on Jun 6, 2020