callstack / callstack/react-native-paper
Text input number of lines and multiline not working in iOS.
- Dominant language
- TypeScript
- Stars
- 14.5k
- Forks
- 2.2k
- Avg merge
- 5d 23h
- Merged PRs (30d)
- 12
Description
### Current behaviour
I set the number of lines to be 1 and multiline to false. But the text value was still displaying in 2 lines. It's overflowing.
### Expected behaviour
The text value should display in fixed one line. (like in Android)
### How to reproduce?
` setText(text)}
mode="outlined"
numberOfLines={1}
multiline={false}
/>`
### Preview
iOS:
Android: working fine, showing 1 line.
### What have you tried so far?
Originally, I have a custom TextInput that I'm using where I saw the issue. To rule out the cause, I used the standard TextInput from react native paper and I figured out that they have the same issue.
### Your Environment
| software | version
| --------------------- | -------
| react-native | 0.79.4
| react-native-paper | 5.14.5
| expo sdk | 53.0.15
Contributor guide
Research direction
Start with the provided TextInput reproduction using numberOfLines={1} and multiline={false}, then compare the iOS and Android behavior in the listed React Native Paper and Expo versions. Done means the iOS input keeps the text on one line without overflow while preserving the Android behavior.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react-native, typescript
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100