fix: update props of TextInput

kirillzyusko · Jan 14, 2025 · cee3449 · cee3449
1 parent ce6224b
commit cee3449
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/FabricExample/src/screens/Examples/InteractiveKeyboardIOS/index.tsx b/FabricExample/src/screens/Examples/InteractiveKeyboardIOS/index.tsx
@@ -92,6 +92,7 @@ function InteractiveKeyboard() {
   const ref = useRef<Reanimated.ScrollView>(null);
   const { height, onScroll, inset, offset } = useKeyboardAnimation();
   const [inputHeight, setInputHeight] = useState(TEXT_INPUT_HEIGHT);
+  const [text, setText] = useState("");
 
   const onInputLayoutChanged = useCallback((e: LayoutChangeEvent) => {
     setInputHeight(e.nativeEvent.layout.height);
@@ -149,6 +150,8 @@ function InteractiveKeyboard() {
         nativeID="chat-input"
         style={textInputStyle}
         testID="chat.input"
+        value={text}
+        onChangeText={setText}
         onLayout={onInputLayoutChanged}
       />
     </KeyboardGestureArea>

diff --git a/example/src/screens/Examples/InteractiveKeyboardIOS/index.tsx b/example/src/screens/Examples/InteractiveKeyboardIOS/index.tsx
@@ -92,6 +92,7 @@ function InteractiveKeyboard() {
   const ref = useRef<Reanimated.ScrollView>(null);
   const { height, onScroll, inset, offset } = useKeyboardAnimation();
   const [inputHeight, setInputHeight] = useState(TEXT_INPUT_HEIGHT);
+  const [text, setText] = useState("");
 
   const onInputLayoutChanged = useCallback((e: LayoutChangeEvent) => {
     setInputHeight(e.nativeEvent.layout.height);
@@ -149,6 +150,8 @@ function InteractiveKeyboard() {
         nativeID="chat-input"
         style={textInputStyle}
         testID="chat.input"
+        value={text}
+        onChangeText={setText}
         onLayout={onInputLayoutChanged}
       />
     </KeyboardGestureArea>