-
Notifications
You must be signed in to change notification settings - Fork 24.8k
Open
Labels
Needs: Triage 🔍Type: New ArchitectureIssues and PRs related to new architecture (Fabric/Turbo Modules)Issues and PRs related to new architecture (Fabric/Turbo Modules)
Description
Description
Text props minimumFontScale doesn't work
Steps to reproduce
- Install default app (npx @react-native-community/cli@latest init AwesomeProject)
- Wrap Text to small View (width:100, height:100)
- Add large text into text component
- Set text props ( adjustsFontSizeToFit={true}
minimumFontScale={0.9}
numberOfLines={1} ) - See result, text are small
React Native Version
0.77.1
Affected Platforms
Runtime - Android, Runtime - iOS
Areas
Fabric - The New Renderer
Output of npx @react-native-community/cli info
System:
OS: macOS 15.1.1
CPU: (12) arm64 Apple M3 Pro
Memory: 238.53 MB / 18.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.11.0
path: ~/.nvm/versions/node/v22.11.0/bin/node
Yarn: Not Found
npm:
version: 10.9.0
path: ~/.nvm/versions/node/v22.11.0/bin/npm
Watchman:
version: 2024.12.02.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.16.2
path: /opt/homebrew/opt/ruby/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 24.1
- iOS 18.1
- macOS 15.1
- tvOS 18.1
- visionOS 2.1
- watchOS 11.1
Android SDK:
API Levels:
- "33"
- "34"
- "35"
Build Tools:
- 30.0.3
- 33.0.0
- 33.0.1
- 34.0.0
- 35.0.0
System Images:
- android-27 | ARM 64 v8a
- android-35 | Google Play ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2024.3 AI-243.22562.218.2431.13114758
Xcode:
version: 16.1/16B40
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.13
path: /usr/bin/javac
Ruby:
version: 3.3.6
path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.1.3
wanted: 15.1.3
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.77.1
wanted: ^0.77.1
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: true
iOS:
hermesEnabled: true
newArchEnabled: true
Stacktrace or Logs
-
Reproducer
https://snack.expo.dev/t1eb6mkjQgY6fAFeXjhPK
Screenshots and Videos
import { Text, SafeAreaView, StyleSheet, View } from 'react-native';
export default function App() {
return (
<SafeAreaView style={styles.container}>
<View style={styles.wrapper}>
<Text style={styles.paragraph}
adjustsFontSizeToFit={true}
minimumFontScale={0.9}
numberOfLines={1} >
Change code in the editor and watch it change on your phone! Save to get a shareable url.
</Text>
</View>
</SafeAreaView>
);
}
const styles = StyleSheet.create({
wrapper:{
width:100,
height:100,
backgroundColor:'yellow'
},
container: {
flex: 1,
justifyContent: 'center',
backgroundColor: '#ecf0f1',
padding: 8,
alignItems:'center'
},
paragraph: {
margin: 24,
fontSize: 18,
fontWeight: 'bold',
textAlign: 'center',
},
});
Patch for fix (based on #43543)
react-native+0.77.1.patch
Metadata
Metadata
Assignees
Labels
Needs: Triage 🔍Type: New ArchitectureIssues and PRs related to new architecture (Fabric/Turbo Modules)Issues and PRs related to new architecture (Fabric/Turbo Modules)