[Android] [Experimental Release Level] Android doesn't wrap text #56092
Description
Description
When enabling ReleaseLevel.EXPERIMENTAL in an Android app, the text stops to be auto-wrapped.
| ReleaseLevel.STABLE | ReleaseLevel.EXPERIMENTAL |
|---|---|
|
|
This regression is present on current main and at least in RN 0.84.
Steps to reproduce
Apply the following diff in the repo and run RNTester on Android
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
index 2a162c4c249..ab628dbd3b3 100644
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
@@ -30,6 +30,8 @@ import com.facebook.react.uiapp.component.MyNativeViewManager
import com.facebook.react.uiapp.component.ReportFullyDrawnViewManager
import com.facebook.react.uimanager.ReactShadowNode
import com.facebook.react.uimanager.ViewManager
+import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint
+import com.facebook.react.common.ReleaseLevel
internal class RNTesterApplication : Application(), ReactApplication {
override val reactHost: ReactHost by
@@ -120,6 +122,7 @@ internal class RNTesterApplication : Application(), ReactApplication {
override fun onCreate() {
ReactFontManager.getInstance().addCustomFont(this, "Rubik", R.font.rubik)
ReactFontManager.getInstance().addCustomFont(this, "FiraCode", R.font.firacode)
+ DefaultNewArchitectureEntryPoint.releaseLevel = ReleaseLevel.EXPERIMENTAL
super.onCreate()
loadReactNative(this)
}
diff --git a/packages/rn-tester/js/examples/Playground/RNTesterPlayground.js b/packages/rn-tester/js/examples/Playground/RNTesterPlayground.js
index d37d0d4a915..ad8f6883abb 100644
--- a/packages/rn-tester/js/examples/Playground/RNTesterPlayground.js
+++ b/packages/rn-tester/js/examples/Playground/RNTesterPlayground.js
@@ -10,16 +10,20 @@
import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import RNTesterText from '../../components/RNTesterText';
import * as React from 'react';
-import {StyleSheet, View} from 'react-native';
+import {StyleSheet, View, Text} from 'react-native';
+
+const veryLongText =
+ 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec suscipit auctor dui, sed efficitur nisl. ' +
+ 'Nulla facilisi. Donec at nunc a enim efficitur convallis. In hac habitasse platea dictumst. ' +
+ 'Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; ' +
+ 'Sed at ligula a nunc efficitur convallis. In hac habitasse platea dictumst. ' +
+ 'Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;';
function Playground() {
return (
<View style={styles.container}>
- <RNTesterText>
- Edit "RNTesterPlayground.js" to change this file
- </RNTesterText>
+ <Text>{veryLongText}</Text>
</View>
);
}React Native Version
0.84
Affected Platforms
Runtime - Android
Output of npx @react-native-community/cli info
n/a
Stacktrace or Logs
n/a
MANDATORY Reproducer
no-repro.com
Screenshots and Videos
No response