From 1b8a592df602324fb2c77ed4b4d3dfba3c854fe8 Mon Sep 17 00:00:00 2001
From: Emin <eminsr1905@gmail.com>
Date: Wed, 27 Apr 2022 11:54:58 +0300
Subject: [PATCH] Attempt to fix LayoutAnimation Warning

`Warning: Overriding previous layout animation with new one before the first began:`

Attempt to fix the warning by saving the animating status in state and only running the animation if it's not already animating.
---
 src/KeyboardAccessoryView.js | 23 +++++++++++++++++------
 1 file changed, 17 insertions(+), 6 deletions(-)

diff --git a/src/KeyboardAccessoryView.js b/src/KeyboardAccessoryView.js
index 22a20a5..a46daf6 100644
--- a/src/KeyboardAccessoryView.js
+++ b/src/KeyboardAccessoryView.js
@@ -52,6 +52,7 @@ class KeyboardAccessoryView extends Component {
       accessoryHeight: 50,
       visibleAccessoryHeight: 50,
       isKeyboardVisible: false,
+      animating:false,
     }
   }
 
@@ -91,9 +92,14 @@ class KeyboardAccessoryView extends Component {
       const { animationConfig, animateOn } = this.props;
 
       if (animateOn === 'all' || Platform.OS === animateOn) {
-        LayoutAnimation.configureNext(
-          accessoryAnimation(keyboardEvent.duration, keyboardEvent.easing, animationConfig)
-        );
+        if(!this.state.animating){
+          this.setState({animating: true});
+          LayoutAnimation.configureNext(
+            accessoryAnimation(keyboardEvent.duration, keyboardEvent.easing, animationConfig),
+            () => this.setState({animating: false}),
+            () => this.setState({animating: false}),
+          );
+        }
       }
 
       this.setState({
@@ -121,9 +127,14 @@ class KeyboardAccessoryView extends Component {
     const { animateOn, animationConfig } = this.props;
 
     if (animateOn === 'all' || Platform.OS === animateOn) {
-      LayoutAnimation.configureNext(
-        animationConfig || accessoryAnimation(keyboardEvent.duration, keyboardEvent.easing, animationConfig)
-      );
+      if(!this.state.animating){
+        this.setState({animating: true});
+        LayoutAnimation.configureNext(
+          animationConfig || accessoryAnimation(keyboardEvent.duration, keyboardEvent.easing, animationConfig),
+          () => this.setState({animating: false}),
+          () => this.setState({animating: false}),
+        );
+      }
     }
 
     this.setState({