From 4e2e558f30113cd50091fda7a2c47fb9c50bb47a Mon Sep 17 00:00:00 2001
From: soniBhumik99 <bhumik.soni@anarock.com>
Date: Mon, 1 Apr 2024 14:18:22 +0530
Subject: [PATCH] auto open keyvoard on mount

---
 src/components/SearchBox.tsx | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/components/SearchBox.tsx b/src/components/SearchBox.tsx
index 0694faa..edde268 100644
--- a/src/components/SearchBox.tsx
+++ b/src/components/SearchBox.tsx
@@ -98,6 +98,8 @@ export default class SearchBox<OptionType> extends React.PureComponent<
     queryValue: ""
   };
 
+  inputRef = React.createRef<TextInput>();
+
   private debouncedChange = debounce(this.props.onQueryChange, 500);
 
   private onChange = (text: string) => {
@@ -109,6 +111,10 @@ export default class SearchBox<OptionType> extends React.PureComponent<
     );
   };
 
+  componentDidMount() {
+    setTimeout(() => this.inputRef.current?.focus(), 100);
+  }
+
   private renderNoResultState(query: string) {
     const {
       noResultsElement = noop,
@@ -145,13 +151,13 @@ export default class SearchBox<OptionType> extends React.PureComponent<
             />
           </TouchableWithoutFeedback>
           <TextInput
+            ref={this.inputRef}
             style={styles.textInput}
             selectionColor={colors.violet.base}
             onChangeText={this.onChange}
             value={this.state.queryValue}
             placeholder={placeholder}
             placeholderTextColor={colors.gray.light}
-            autoFocus
             underlineColorAndroid={colors.white.base}
             testID={`${testIdPrefix}-search`}
           />