Description
The document mentions that the default value of textBreakStrategy for TextInput component is 'simple'. However on Android device it behaves like highQuality strategy.
React Native Version
0.72.1
Output of npx react-native info
➜ AwesomeProject npx react-native info
info Fetching system and libraries information...
System:
OS: macOS 13.4.1
CPU: (10) arm64 Apple M1 Pro
Memory: 780.70 MB / 32.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 16.17.0
path: ~/.nvm/versions/node/v16.17.0/bin/node
Yarn:
version: 1.22.19
path: ~/.nvm/versions/node/v16.17.0/bin/yarn
npm:
version: 8.15.0
path: ~/.nvm/versions/node/v16.17.0/bin/npm
Watchman:
version: 2023.06.12.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods:
version: 1.12.1
path: /opt/homebrew/lib/ruby/gems/3.0.0/bin/pod
SDKs:
iOS SDK:
Platforms:
- DriverKit 22.4
- iOS 16.4
- macOS 13.3
- tvOS 16.4
- watchOS 9.4
Android SDK:
API Levels:
- "28"
- "29"
- "30"
- "31"
- "32"
- "33"
Build Tools:
- 30.0.2
- 30.0.3
- 31.0.0
- 32.0.0
- 33.0.0
- 33.0.0
System Images:
- android-32 | Google APIs ARM 64 v8a
- android-34 | Google APIs ARM 64 v8a
Android NDK: Not Found
IDEs:
Android Studio: 2022.2 AI-222.4459.24.2221.10121639
Xcode:
version: 14.3.1/14E300c
path: /usr/bin/xcodebuild
Languages:
Java:
version: 11.0.11
path: /usr/bin/javac
Ruby:
version: 3.2.2
path: /opt/homebrew/opt/ruby/bin/ruby
npmPackages:
"@react-native-community/cli": Not Found
react:
installed: 18.2.0
wanted: 18.2.0
react-native:
installed: 0.72.1
wanted: 0.72.1
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: falseSteps to reproduce
- Create a new react-native app
- Replace App.tsx with below content
import {TextInput, View} from 'react-native';
import React from 'react';
function App(): JSX.Element {
const [value, setValue] = React.useState(
'[email protected]',
);
return (
<View style={{padding: 20, justifyContent: 'center', flex: 1}}>
<TextInput
value={value}
onChangeText={setValue}
style={{fontSize: 20, color: 'black', borderWidth: 1}}
multiline
/>
</View>
);
}
export default App;
- Run the app on an android device / simulator
- Check how the content inside text input gets wrapped
- Edit the value of the TextInput by deleting characters from the end
- Observe how the text wrapping keeps on changing while characters gets removed.
Snack, code example, screenshot, or link to a repository
https://snack.expo.dev/EXM6N4Rkm
Description
The document mentions that the default value of textBreakStrategy for TextInput component is 'simple'. However on Android device it behaves like
highQualitystrategy.React Native Version
0.72.1
Output of
npx react-native info➜ AwesomeProject npx react-native info info Fetching system and libraries information... System: OS: macOS 13.4.1 CPU: (10) arm64 Apple M1 Pro Memory: 780.70 MB / 32.00 GB Shell: version: "5.9" path: /bin/zsh Binaries: Node: version: 16.17.0 path: ~/.nvm/versions/node/v16.17.0/bin/node Yarn: version: 1.22.19 path: ~/.nvm/versions/node/v16.17.0/bin/yarn npm: version: 8.15.0 path: ~/.nvm/versions/node/v16.17.0/bin/npm Watchman: version: 2023.06.12.00 path: /opt/homebrew/bin/watchman Managers: CocoaPods: version: 1.12.1 path: /opt/homebrew/lib/ruby/gems/3.0.0/bin/pod SDKs: iOS SDK: Platforms: - DriverKit 22.4 - iOS 16.4 - macOS 13.3 - tvOS 16.4 - watchOS 9.4 Android SDK: API Levels: - "28" - "29" - "30" - "31" - "32" - "33" Build Tools: - 30.0.2 - 30.0.3 - 31.0.0 - 32.0.0 - 33.0.0 - 33.0.0 System Images: - android-32 | Google APIs ARM 64 v8a - android-34 | Google APIs ARM 64 v8a Android NDK: Not Found IDEs: Android Studio: 2022.2 AI-222.4459.24.2221.10121639 Xcode: version: 14.3.1/14E300c path: /usr/bin/xcodebuild Languages: Java: version: 11.0.11 path: /usr/bin/javac Ruby: version: 3.2.2 path: /opt/homebrew/opt/ruby/bin/ruby npmPackages: "@react-native-community/cli": Not Found react: installed: 18.2.0 wanted: 18.2.0 react-native: installed: 0.72.1 wanted: 0.72.1 react-native-macos: Not Found npmGlobalPackages: "*react-native*": Not Found Android: hermesEnabled: true newArchEnabled: false iOS: hermesEnabled: true newArchEnabled: falseSteps to reproduce
Snack, code example, screenshot, or link to a repository
https://snack.expo.dev/EXM6N4Rkm