From f71a8fb790653a937bfeb665a918647f31919149 Mon Sep 17 00:00:00 2001
From: songlang1994 <songlang1994@outlook.com>
Date: Fri, 14 Jan 2022 01:51:19 +0800
Subject: [PATCH 1/3] Use TextInput

---
 .../BaseTextInputAutoWidthWithoutKeyboard.js                 | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js b/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
index 06826d6cd764..d6d63961bc81 100644
--- a/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
+++ b/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
@@ -3,12 +3,13 @@ import {
     View,
     AppState,
     Keyboard,
+    // eslint-disable-next-line no-restricted-imports
+    TextInput,
 } from 'react-native';
 import _ from 'underscore';
 import styles from '../../styles/styles';
 import * as StyleUtils from '../../styles/StyleUtils';
 import Text from '../Text';
-import TextInputFocusable from '../TextInputFocusable';
 import * as baseTextInputAutoWidthWithoutKeyboardPropTypes from './baseTextInputAutoWidthWithoutKeyboardPropTypes';
 
 class BaseTextInputAutoWidthWithoutKeyboard extends React.Component {
@@ -47,7 +48,7 @@ class BaseTextInputAutoWidthWithoutKeyboard extends React.Component {
         return (
             <>
                 <View>
-                    <TextInputFocusable
+                    <TextInput
                         style={[this.props.inputStyle, StyleUtils.getAutoGrowTextInputStyle(this.state.textInputWidth)]}
                         ref={this.props.forwardedRef}
                         showSoftInputOnFocus={false}

From 6c95c04896459799ecf1399050316a9bc906e829 Mon Sep 17 00:00:00 2001
From: songlang1994 <songlang1994@outlook.com>
Date: Fri, 14 Jan 2022 16:48:38 +0800
Subject: [PATCH 2/3] Code style

---
 .../BaseTextInputAutoWidthWithoutKeyboard.js                  | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js b/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
index d6d63961bc81..dc5241061744 100644
--- a/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
+++ b/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
@@ -4,7 +4,7 @@ import {
     AppState,
     Keyboard,
     // eslint-disable-next-line no-restricted-imports
-    TextInput,
+    TextInput as RNTextInput,
 } from 'react-native';
 import _ from 'underscore';
 import styles from '../../styles/styles';
@@ -48,7 +48,7 @@ class BaseTextInputAutoWidthWithoutKeyboard extends React.Component {
         return (
             <>
                 <View>
-                    <TextInput
+                    <RNTextInput
                         style={[this.props.inputStyle, StyleUtils.getAutoGrowTextInputStyle(this.state.textInputWidth)]}
                         ref={this.props.forwardedRef}
                         showSoftInputOnFocus={false}

From 4357f4ae4056a4c3aaac8d1c8942891fbbd20cea Mon Sep 17 00:00:00 2001
From: songlang1994 <songlang1994@outlook.com>
Date: Sat, 15 Jan 2022 13:32:52 +0800
Subject: [PATCH 3/3] Fixes style issue

---
 .../BaseTextInputAutoWidthWithoutKeyboard.js                   | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js b/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
index dc5241061744..8351c868a2b0 100644
--- a/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
+++ b/src/components/TextInputAutoWidthWithoutKeyboard/BaseTextInputAutoWidthWithoutKeyboard.js
@@ -3,11 +3,13 @@ import {
     View,
     AppState,
     Keyboard,
+
     // eslint-disable-next-line no-restricted-imports
     TextInput as RNTextInput,
 } from 'react-native';
 import _ from 'underscore';
 import styles from '../../styles/styles';
+import themeColors from '../../styles/themes/default';
 import * as StyleUtils from '../../styles/StyleUtils';
 import Text from '../Text';
 import * as baseTextInputAutoWidthWithoutKeyboardPropTypes from './baseTextInputAutoWidthWithoutKeyboardPropTypes';
@@ -49,6 +51,7 @@ class BaseTextInputAutoWidthWithoutKeyboard extends React.Component {
             <>
                 <View>
                     <RNTextInput
+                        placeholderTextColor={themeColors.placeholderText}
                         style={[this.props.inputStyle, StyleUtils.getAutoGrowTextInputStyle(this.state.textInputWidth)]}
                         ref={this.props.forwardedRef}
                         showSoftInputOnFocus={false}