Add multiline colored hightlight example for TextInput.

microsoft · Apr 13, 2023 · 5223fc7 · 5223fc7
1 parent 6f0b5bd
commit 5223fc7
Showing 1 changed file with 22 additions and 1 deletion.
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js b/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js
@@ -607,7 +607,7 @@ exports.examples = ([
     },
   },
   {
-    title: 'Colored highlight/cursor for text input',
+    title: 'Colored highlight for text input',
     render: function (): React.Node {
       return (
         <View>
@@ -767,6 +767,27 @@ exports.examples = ([
       );
     },
   },
+  {
+    title: 'Multiline colored highlight for text input',
+    render: function (): React.Node {
+      return (
+        <View>
+          <TextInput
+            style={styles.multiline}
+            selectionColor={'green'}
+            defaultValue="Highlight me"
+            multiline={true}
+          />
+          <TextInput
+            style={styles.multiline}
+            selectionColor={'rgba(86, 76, 205, 1)'}
+            defaultValue="Highlight me"
+            multiline={true}
+          />
+        </View>
+      );
+    },
+  },
   {
     title: 'Editable and Read only',
     render: function (): React.Node {