From e4d7fc06cb74fde24b508212a52a03122de596fa Mon Sep 17 00:00:00 2001
From: Rafael Melo <rsmelo_@hotmail.com>
Date: Thu, 24 Jan 2019 08:20:46 -0800
Subject: [PATCH] Fixed string ref which was causing alert on react
 <Strictmode> (#23146)

Summary:
Changelog:
----------
[General] [Fixed] - After using React's `<StricMode>` it was discovered that a string ref was set, which is bad practice.
Pull Request resolved: https://github.com/facebook/react-native/pull/23146

Differential Revision: D13802397

Pulled By: cpojer

fbshipit-source-id: c2744877b25ad59eb1e4e9ce48a45e762f227b56
---
 .../Keyboard/KeyboardAvoidingView.js          | 19 ++++++++++---------
 1 file changed, 10 insertions(+), 9 deletions(-)

diff --git a/Libraries/Components/Keyboard/KeyboardAvoidingView.js b/Libraries/Components/Keyboard/KeyboardAvoidingView.js
index 6bfa6df2c..febb22205 100644
--- a/Libraries/Components/Keyboard/KeyboardAvoidingView.js
+++ b/Libraries/Components/Keyboard/KeyboardAvoidingView.js
@@ -52,8 +52,6 @@ type State = {|
   bottom: number,
 |};
 
-const viewRef = 'VIEW';
-
 /**
  * View that moves out of the way when the keyboard appears by automatically
  * adjusting its height, position, or bottom padding.
@@ -66,10 +64,13 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
 
   _frame: ?ViewLayout = null;
   _subscriptions: Array<EmitterSubscription> = [];
+  viewRef: {current: React.ElementRef<any> | null};
 
-  state = {
-    bottom: 0,
-  };
+  constructor(props: Props) {
+    super(props);
+    this.state = {bottom: 0};
+    this.viewRef = React.createRef();
+  }
 
   _relativeKeyboardHeight(keyboardFrame): number {
     const frame = this._frame;
@@ -171,7 +172,7 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
         }
         return (
           <View
-            ref={viewRef}
+            ref={this.viewRef}
             style={StyleSheet.compose(
               style,
               heightStyle,
@@ -185,7 +186,7 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
       case 'position':
         return (
           <View
-            ref={viewRef}
+            ref={this.viewRef}
             style={style}
             onLayout={this._onLayout}
             {...props}>
@@ -204,7 +205,7 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
       case 'padding':
         return (
           <View
-            ref={viewRef}
+            ref={this.viewRef}
             style={StyleSheet.compose(
               style,
               {paddingBottom: bottomHeight},
@@ -218,7 +219,7 @@ class KeyboardAvoidingView extends React.Component<Props, State> {
       default:
         return (
           <View
-            ref={viewRef}
+            ref={this.viewRef}
             onLayout={this._onLayout}
             style={style}
             {...props}>