Merge pull request #8 from leonidasKap/keyboard-opacity

Ensures that the keyboard accessory view does not obscure other UI elements when keyboard is hidden
ardaogulcan · Mar 14, 2018 · ec7c03e · ec7c03e
2 parents 7a29bfc + 81ec95d
commit ec7c03e
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/lib/KeyboardAccessoryView.js b/lib/KeyboardAccessoryView.js
@@ -46,6 +46,7 @@ class KeyboardAccessoryView extends Component {
     this.state = {
       keyboardHeight: 0,
       accessoryHeight: 50,
+      visibleAccessoryHeight: 50,
       isKeyboardVisible: false,
     }
 
@@ -68,7 +69,8 @@ class KeyboardAccessoryView extends Component {
 
   handleChildrenLayout(layoutEvent) {
     this.setState({
-      accessoryHeight: layoutEvent.nativeEvent.layout.height,
+      visibleAccessoryHeight: layoutEvent.nativeEvent.layout.height,
+      accessoryHeight: this.props.alwaysVisible ? layoutEvent.nativeEvent.layout.height : 0,
     });
   }
 
@@ -88,6 +90,7 @@ class KeyboardAccessoryView extends Component {
     this.setState({
       isKeyboardVisible: true,
       keyboardHeight: keyboardEvent.endCoordinates.height,
+      accessoryHeight: this.state.visibleAccessoryHeight,
     })
   }
 
@@ -103,6 +106,7 @@ class KeyboardAccessoryView extends Component {
     this.setState({
       isKeyboardVisible: false,
       keyboardHeight: 0,
+      accessoryHeight: this.props.alwaysVisible ? this.state.visibleAccessoryHeight : 0,
     })
   }