diff --git a/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js b/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js
new file mode 100644
index 00000000000..d4d61260d25
--- /dev/null
+++ b/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js
@@ -0,0 +1,55 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import {Button, Text, StyleSheet, View} from 'react-native';
+import * as React from 'react';
+import {useState} from 'react';
+
+export default function TextAdjustsDynamicLayoutExample(props: {}): React.Node {
+ const [height, setHeight] = useState(20);
+
+ return (
+ <>
+
+
+
+ This is adjusting text.
+
+
+
+
+
+
+
+
+
+ >
+ );
+}
+
+const styles = StyleSheet.create({
+ subjectContainer: {
+ backgroundColor: 'rgba(254, 255, 0, 0.75)',
+ justifyContent: 'center',
+ },
+ subjectText: {
+ fontSize: 40,
+ textAlign: 'center',
+ },
+ row: {
+ marginTop: 10,
+ },
+});
diff --git a/packages/rn-tester/js/examples/Text/TextExample.android.js b/packages/rn-tester/js/examples/Text/TextExample.android.js
index 9a53a9f5531..219f5d29854 100644
--- a/packages/rn-tester/js/examples/Text/TextExample.android.js
+++ b/packages/rn-tester/js/examples/Text/TextExample.android.js
@@ -10,6 +10,8 @@
'use strict';
+import TextAdjustsDynamicLayoutExample from './TextAdjustsDynamicLayoutExample';
+
const RNTesterBlock = require('../../components/RNTesterBlock');
const RNTesterPage = require('../../components/RNTesterPage');
const React = require('react');
@@ -202,6 +204,9 @@ class TextExample extends React.Component<{...}> {
+
+
+
The text should wrap if it goes on multiple lines. See, this is