beefe / react-native-actionsheet

An elegant ActionSheet component for React Native.
MIT License
1.35k stars 343 forks source link

Animated: `useNativeDriver` was not specified. This is a required option and must be explicitly set to `true` or `false` #143

Closed shixiaoquan closed 3 years ago

shixiaoquan commented 3 years ago

Hi! πŸ‘‹

Firstly, thanks for your work on this project! πŸ™‚

Today I used patch-package to patch react-native-actionsheet@2.4.2 for the project I'm working on.

Here is the diff that solved my problem:

diff --git a/node_modules/react-native-actionsheet/lib/ActionSheetCustom.js b/node_modules/react-native-actionsheet/lib/ActionSheetCustom.js
index 7a0fc35..e5ff66d 100644
--- a/node_modules/react-native-actionsheet/lib/ActionSheetCustom.js
+++ b/node_modules/react-native-actionsheet/lib/ActionSheetCustom.js
@@ -68,14 +68,16 @@ class ActionSheet extends React.Component {
     Animated.timing(this.state.sheetAnim, {
       toValue: 0,
       duration: 250,
-      easing: Easing.out(Easing.ease)
+      easing: Easing.out(Easing.ease),
+      useNativeDriver: false
     }).start()
   }

   _hideSheet (callback) {
     Animated.timing(this.state.sheetAnim, {
       toValue: this.translateY,
-      duration: 200
+      duration: 200,
+      useNativeDriver: false
     }).start(callback)
   }

This issue body was partially generated by patch-package.