Issue#11068 [Android] Add TextInput Example for LowerCase rewrite

facebook · Jul 27, 2023 · 7f47644 · 7f47644
1 parent eb6e04d
commit 7f47644
Showing 1 changed file with 31 additions and 0 deletions.
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -135,6 +135,30 @@ class RewriteExample extends React.Component<$FlowFixMeProps, any> {
   }
 }
 
+class RewriteToLowerCaseExample extends React.Component<$FlowFixMeProps, any> {
+  constructor(props: any | void) {
+    super(props);
+    this.state = {text: ''};
+  }
+  render(): React.Node {
+    return (
+      <View style={styles.rewriteContainer}>
+        <TextInput
+          testID="rewrite_to_lowercase_input"
+          autoCorrect={false}
+          multiline={false}
+          onChangeText={text => {
+            text = text.toLowerCase();
+            this.setState({text});
+          }}
+          style={styles.default}
+          value={this.state.text}
+        />
+      </View>
+    );
+  }
+}
+
 class RewriteExampleInvalidCharacters extends React.Component<
   $FlowFixMeProps,
   any,
@@ -854,6 +878,13 @@ module.exports = ([
       return <RewriteExample />;
     },
   },
+  {
+    name: 'lowerCase',
+    title: 'Live Re-Write to LowerCase',
+    render: function (): React.Node {
+      return <RewriteToLowerCaseExample />;
+    },
+  },
   {
     title: 'Live Re-Write (no spaces allowed)',
     render: function (): React.Node {