Prevent re-layout during animation (#400)

oblador · Apr 29, 2021 · 1a7ae0c · 1a7ae0c
1 parent 062de3a
commit 1a7ae0c
Showing 1 changed file with 10 additions and 1 deletion.
diff --git a/Collapsible.js b/Collapsible.js
@@ -173,7 +173,13 @@ export default class Collapsible extends Component {
 
   render() {
     const { collapsed, enablePointerEvents } = this.props;
-    const { height, contentHeight, measuring, measured } = this.state;
+    const {
+      height,
+      contentHeight,
+      measuring,
+      measured,
+      animating,
+    } = this.state;
     const hasKnownHeight = !measuring && (measured || collapsed);
     const style = hasKnownHeight && {
       overflow: 'hidden',
@@ -202,6 +208,9 @@ export default class Collapsible extends Component {
         },
       ];
     }
+    if (animating) {
+      contentStyle.height = contentHeight;
+    }
     return (
       <Animated.View
         style={style}