Button component generate warning

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: https://github.com/facebook/react-native/commit/1bb323e256bb6ad7b9f757368e69cf682f71d7ac. 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

[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 😃

[knyga]

The correct path for RCTAnimation is ./node_modules/react-native/Libraries/NativeAnimation/RCTAnimation.xcodeproj