react-native-gesture-handler isn't working on Android

[matheus3301]

React Native version:

Steps To Reproduce

1. react-native init Project --template rocketseat-basic
2. cd Project
3. react-native run-android

Describe what you expected to happen: I expect that the build works

[ryohlan]

react-native-gesture-handler does not support for AndroidX yet if you use v0.60.0.
Wait for merging software-mansion/react-native-gesture-handler#664

[rszalski]

@matheus3301 In the meantime, you can work around this by using the Jetifier.

If your RN project is configured to use AndroidX, but some of your deps are not (like react-native-gesture-handler) follow these steps:

1. Install Jetifier npm install --save-dev jetifier or yarn add -D jetifier
2. Edit your package.json and add a postinstall script: "postinstall": "npx jetify", like so:

   "scripts": {
       "postinstall": "npx jetify"
      ...
   }    
   

3. Run npm install or yarn
4. At the end of install you should see something like:

   $ npx jetify
   Jetifier found N file(s) to forward-jetify. Using X workers...`. 
   

   This means it's working. The project should compile fine now.

This way jetfier will "upgrade" all deps to use AndroidX. This step has to be repeated after each installation, hence the "postinstall" step.

See: https://github.com/mikehardy/jetifier

[JuliyaShirokova]

rszalski, thanks Very-y Much! it is work!

[gomdolkim]

thank you so much. it works.

[Jasper-zzq]

@ matheus3301在此期间，您可以使用Jetifier来解决这个问题。

如果您的RN项目配置为使用AndroidX，但某些deps不是（如react-native-gesture-handler），请按照下列步骤操作：

1. 安装Jetifier npm install --save-dev jetifier或yarn add -D jetifier

2. 编辑package.json并添加一个postinstall脚本："postinstall": "npx jetify"如下所示：

   "scripts": {
       "postinstall": "npx jetify"
      ...
   }    
   

3. 跑npm install或yarn

4. 在安装结束时，你应该看到类似的东西：

   $ npx jetify
   Jetifier found N file(s) to forward-jetify. Using X workers...`. 
   

   这意味着它正在运作。该项目现在应该编译好。

这种方式jetfier将“升级”所有deps以使用AndroidX。每次安装后都必须重复此步骤，因此执行该"postinstall"步骤。

请参阅：https：//github.com/mikehardy/jetifier

thanks

[HarshitMadhav]

@rszalski Pretty awesome solution! Thanks it worked for me too. I do have a question though,
Is it a feasible solution?

[rszalski]

@HarshitMadhav what do you mean by sayin "feasable"? This is a solution that will not be needed once every dep upgrades to AndroidX. For now, I don't see any downside to running the jetifier.

Also, thank @mikehardy for the jetifier, and not me :)

[mikehardy]

And thanks to the general community making contributions jetifier is fast and stable and integrated by default when you run react-native start so it's not just feasible it is almost unavoidable 😁

[HarshitMadhav]

@mikehardy thank you for the jetifier 🤗

[HarshitMadhav]

@rszalski By feasible I meant that jetifier is converting the code for androidx support means it is converting the native code I was worried about whether it will produce crashes from native code in various android devices.

[arjunghimire]

@matheus3301 In the meantime, you can work around this by using the Jetifier.

If your RN project is configured to use AndroidX, but some of your deps are not (like react-native-gesture-handler) follow these steps:

1. Install Jetifier npm install --save-dev jetifier or yarn add -D jetifier

2. Edit your package.json and add a postinstall script: "postinstall": "npx jetify", like so:

   "scripts": {
       "postinstall": "npx jetify"
      ...
   }    
   

3. Run npm install or yarn

4. At the end of install you should see something like:

   $ npx jetify
   Jetifier found N file(s) to forward-jetify. Using X workers...`. 
   

   This means it's working. The project should compile fine now.

This way jetfier will "upgrade" all deps to use AndroidX. This step has to be repeated after each installation, hence the "postinstall" step.

See: https://github.com/mikehardy/jetifier

You save my life. Thanks a lot @rszalski