TextInput in Android strange behavior #18182
Labels
Resolution: For Stack Overflow
A question for Stack Overflow. Applying this label will cause issue to be closed.
Resolution: Locked
This issue was locked by the bot.
I have some troubles with text input on Android. I have TextInput with the long default value. This Input placed inside View component with some width. Here the problem: On ios cutting text inside TextInput looks like:
But on Android it strange:
How can I make Android behavior same as IOS? Or it's specific Android behavior?
Thank You!
Environment
Environment:
OS: macOS High Sierra 10.13.3
Node: 8.4.0
Yarn: Not Found
npm: 4.6.1
Watchman: 4.7.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: 3.0 AI-171.4443003
Packages: (wanted => installed)
react: 16.2.0 => 16.2.0
react-native: 0.52.0 => 0.52.0
Component code
`
import React from 'react';
import { StyleSheet, Text, View, TextInput } from 'react-native';
export default class App extends React.Component {
render() {
return (
<TextInput
style={styles.textInput}
value={'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.'}
underlineColorAndroid={'transparent'}
/>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
textInputContainer: {
width: 200
},
textInput: {
width: 200,
borderWidth: 1,
padding: 5
}
});
`
The text was updated successfully, but these errors were encountered: