perf: make sure keyboard ctx does not recreate on every render

Author: isekovanic

package/src/components/KeyboardCompatibleView/KeyboardCompatibleView.tsx

@@ -200,6 +200,8 @@ export class KeyboardCompatibleView extends React.Component<
     this.unsetKeyboardListeners();
   }
 
+  keyboardContextValue = { dismissKeyboard: this.dismissKeyboard };
+
   render() {
     const { behavior, children, contentContainerStyle, enabled, style, ...props } = this.props;
     const bottomHeight = enabled ? this.state.bottom : 0;
@@ -218,7 +220,7 @@ export class KeyboardCompatibleView extends React.Component<
           };
         }
         return (
-          <KeyboardProvider value={{ dismissKeyboard: this.dismissKeyboard }}>
+          <KeyboardProvider value={this.keyboardContextValue}>
             <View
               onLayout={this._onLayout}
               ref={this.viewRef}
@@ -232,7 +234,7 @@ export class KeyboardCompatibleView extends React.Component<
 
       case 'position':
         return (
-          <KeyboardProvider value={{ dismissKeyboard: this.dismissKeyboard }}>
+          <KeyboardProvider value={this.keyboardContextValue}>
             <View onLayout={this._onLayout} ref={this.viewRef} style={style} {...props}>
               <View
                 style={StyleSheet.compose(contentContainerStyle, {
@@ -247,7 +249,7 @@ export class KeyboardCompatibleView extends React.Component<
 
       case 'padding':
         return (
-          <KeyboardProvider value={{ dismissKeyboard: this.dismissKeyboard }}>
+          <KeyboardProvider value={this.keyboardContextValue}>
             <View
               onLayout={this._onLayout}
               ref={this.viewRef}