Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
Multiline not working on iOS
See original GitHub issueEnvironment
React Native Environment Info: react-native: 0.59.9 react-native-paper: 3.6.0
Description
I’m facing this issue occurring only on iOS, numberOfLines is 1 and multiline is false. While the input is focused, there’s nothing wrong. The problem is when it loses the focus and the text is too long. The input breaks the text in a new line. The text max length is 80.
<PaperTextInput numberOfLines={1} multiline={false} ... />
Demo
Issue Analytics
- State:
- Created 3 years ago
- Reactions:3
- Comments:9 (1 by maintainers)
Top Results From Across the Web
Tabbar item title to multiline not displaying Swift 5
I want to set my last item which has index item 4 title/label to multiline. I have set it through code and added...
Read more >How to create multiline TextField in SwiftUI - Sarunw
In iOS 16, we can create a multiple text field with new initializers and a little help from the .lineLimit(_:) modifier.
Read more >Still no multiline TextField in Xc… | Apple Developer Forums
I have a UITextField wrapper working as UIViewRepresentable but it seems a ludicrous workaround for such a basic feature. I'm trying this: @State...
Read more >iOS : React Native multi line TextInput, text is centered
iOS : React Native multi line TextInput, text is centered [ Beautify Your ... If there any issues, contact us on - htfyc...
Read more >TextInput - React Native
will not be applied if multiline=true . ... This may cause issues with components that have position: 'absolute' while the keyboard is ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Still appear with react-native-paper 4.0.1
Seems like ‘textAligh’: ‘left’ breaks the behavior of the component. Setting it to ‘textAligh’: ‘auto’ helps.