From a8ba38087897242e8ebc4cc9189079fdc94ca974 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hanno=20J=2E=20G=C3=B6decke?= <die.drei99@yahoo.de>
Date: Fri, 11 Oct 2024 14:42:48 +0200
Subject: [PATCH 1/2] add example for dynamic sized text input

---
 .../TextInput/TextInputSharedExamples.js      | 43 +++++++++++++++++++
 1 file changed, 43 insertions(+)

diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
index fbf4deb29d2c..eef27345f74f 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -846,6 +846,40 @@ function MultilineStyledTextInput({
   );
 }
 
+function DynamicContentWidth() {
+  const [text, setText] = useState('');
+  const update = () => {
+    const randomNumber = Math.floor(Math.random() * 10);
+    setText(text + randomNumber);
+  };
+
+  return (
+    <View>
+      <Text>Uncontrolled:</Text>
+      <TextInput
+        placeholder="Type..."
+        style={{
+          fontSize: 16,
+          alignSelf: 'center',
+          backgroundColor: 'orange',
+        }}
+      />
+      <Text>Controlled:</Text>
+      <TextInput
+        placeholder="..."
+        value={text}
+        onChangeText={setText}
+        style={{
+          fontSize: 16,
+          alignSelf: 'center',
+          backgroundColor: 'orange',
+        }}
+      />
+      <Button title="Update controlled Input" onPress={update} />
+    </View>
+  );
+}
+
 module.exports = ([
   {
     title: 'Auto-focus & select text on focus',
@@ -1149,4 +1183,13 @@ module.exports = ([
       );
     },
   },
+  {
+    title: 'Dynamic content width',
+    name: 'dynamicWidth',
+    render: function (): React.Node {
+      return (
+        <DynamicContentWidth />
+      );
+    },
+  },
 ]: Array<RNTesterModuleExample>);

From 15d63c5d3b4d972cc86a03e01fb0308eefbf62b6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Hanno=20J=2E=20G=C3=B6decke?= <die.drei99@yahoo.de>
Date: Fri, 11 Oct 2024 15:30:35 +0200
Subject: [PATCH 2/2] prettier

---
 .../js/examples/TextInput/TextInputSharedExamples.js          | 4 +---
 1 file changed, 1 insertion(+), 3 deletions(-)

diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
index eef27345f74f..f4e9c9801aae 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -1187,9 +1187,7 @@ module.exports = ([
     title: 'Dynamic content width',
     name: 'dynamicWidth',
     render: function (): React.Node {
-      return (
-        <DynamicContentWidth />
-      );
+      return <DynamicContentWidth />;
     },
   },
 ]: Array<RNTesterModuleExample>);