Merge pull request #392 from didiboji/szq

fix(MenuDropdown): 增加关闭下拉框动画 #376
uiwjs · Sep 16, 2022 · 3249824 · 3249824
2 parents bb86e1f + be56672
commit 3249824
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/packages/core/src/MenuDropdown/index.tsx b/packages/core/src/MenuDropdown/index.tsx
@@ -51,9 +51,14 @@ export default class MenuDropdown extends React.Component<MenuDropdownProps> {
   };
 
   animateClose = () => {
-    this.setState({
-      listHeightValue: new Animated.Value(0),
-    });
+    // this.setState({
+    //   listHeightValue: new Animated.Value(0),
+    // });
+    Animated.timing(this.state.listHeightValue, {
+      toValue: 0,
+      duration: 400,
+      useNativeDriver: false, // 动画值在不同的驱动方式之间是不能兼容的。因此如果你在某个动画中启用了原生驱动，那么所有和此动画依赖相同动画值的其他动画也必须启用原生驱动。
+    }).start();
   };
 
   menuContainer = (event: LayoutChangeEvent) => {