Button component generate warning

[adrienbataille]

Description

Using react native button on iOS create the following warning:

Animated: `useNativeDriver` is not supported because the native animated module is missing. Falling back to JS-based animation. To resolve this, add `RCTAnimation` module to this app, or remove `useNativeDriver`.

Reproduction

Step 1: Add a button in your view,
Step 2: Launch the iOS simulator
Step 3: Click on the button and see the warning.

If it can help, you can find the code here: https://github.com/adrienbataille/test-react-native

Note: I don't have this problem on Android

Solution

After a little investigation, I found the button component is based on TouchableOpacity for iOS and react-native release notes for 0.38.0 mention this commit: 1bb323e.
I don't if it the origin of the problem, but may be it can have an impact, because it works fine with react-native 0.37.0.

Additional Information

• React Native version: 0.38.0
• Platform: iOS
• Operating System: MacOS - Sierra

[sibelius]

@adrienbataille u need to link RCTAnimation in ur xcode

follow this issue: #10638

[adrienbataille]

@sibelius Thanks!

[heloa-net]

I did what's on issue #10638, even replaced my NativeAnimation folder with the one in the repo but I still get that warning.
I'm using Visual Studio Code and the Xcode simulator.
I replaced files, I didn't understand how to change stuff inside Xcode.

[henrikra]

You need to link RCTAnimation like @sibelius said.

Here is how I did it:

1. find RCTAnimation.xcodeproj The file can be found from node_modules/react-native/NativeAnimation OR node_modules/react-native/Libraries/NativeAnimation
2. open xcode
3. open project navigator (press cmd + 1 OR click folder icon from the left)
4. drag & drop RCTAnimation.xcodeproj from the previous step to Libraries folder
5. Expand RCTAnimation.xcodeproj in project navigator and find libRCTAnimation.a file inside of Products folder
6. click on your project name on top of project navigator and go to Build Phrases tab
7. drag and drop libRCTAnimation.a to Link Binary With Libraries
8. Clean and run :)

I hope this works for you :)

[IlyasAbdighni]

Thank you @henrikra . I solved the problem following your instructions .

[michaelAndersonCampingWorld]

@henrikra I think you have the right solution, except it doesn't work for me.

[TuomaXu]

thanks of all,
after add the libRCTAnimation.a file ,the warning dismiss.

[rgoldiez]

Followed @henrikra steps above and now getting the following error. Any idea what I've done wrong? I'm using RN 0.38.0.

[manishtpatel]

@henrikra, didn't work for me, looks like the solution but didn't work.

[adrienbataille]

@rgoldiez @manishtpatel I've started a blank new project and upgraded it to RN 0.39.0-rc.0 and it works. Native Animation will be part of the next version of RN (#10783).
Hope it will fix your problem.

[rgoldiez]

@adrienbataille - I'll give 0.39.0-rc.0 a try.

In my case, I can get a clean/new project working with 0.38.0 by manually linking RCTAnimation.xcodeproj and the fall back to JS warning goes away.

The issue I'm running into is with an existing app that I've been building/releasing since 0.14.0 (but have been upgrading along the way). The app has numerous open source repos for things like icons, routing/navigating, etc. On 0.38.0, I now get the fall back to JS warning, which makes sense. However, when I add and link RCTAnimation.xcodeproj, the app will load but it will (seemingly) randomly throw that error when using the app.

EDIT: At least in some (maybe all) cases, it seems to be throwing that error when touching a TouchableOpacity component. If I switch to TouchableHighlight it doesn't crash and responds accordingly (although I don't care for TouchableHighlight in my case).

EDIT 2: This seems to be what's causing my issues: 8bb707b. If I remove the useNativeDriver from TouchableOpacity, the crash I'm experiencing goes away. And I'm not getting the warning that it's falling back to JS for animations.