refactor: support passing ref to InputField

Author: abdelhamid-f-nasser

examples/default/src/components/InputField.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { forwardRef } from 'react';
 
 import { KeyboardTypeOptions, StyleSheet, TextInput } from 'react-native';
 
@@ -9,22 +9,21 @@ interface InputFieldProps {
   keyboardType?: KeyboardTypeOptions;
 }
 
-export const InputField: React.FC<InputFieldProps> = ({
-  placeholder,
-  value,
-  onChangeText,
-  keyboardType,
-}) => {
-  return (
-    <TextInput
-      placeholder={placeholder}
-      style={styles.textInput}
-      keyboardType={keyboardType}
-      value={value}
-      onChangeText={onChangeText}
-    />
-  );
-};
+export const InputField = forwardRef<TextInput, InputFieldProps>(
+  ({ placeholder, value, onChangeText, keyboardType, ...restProps }, ref) => {
+    return (
+      <TextInput
+        ref={ref}
+        placeholder={placeholder}
+        style={styles.textInput}
+        keyboardType={keyboardType}
+        value={value}
+        onChangeText={onChangeText}
+        {...restProps}
+      />
+    );
+  },
+);
 
 const styles = StyleSheet.create({
   textInput: {