question-mark
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.

TextInput multiline = { false } not working in iOS

See original GitHub issue

Simulator Screen Shot - iPhone 12 - 2022-01-31 at 18 38 01

Description

TextInput Multiline={ false } is not working for iOS. After adding textAlign:'left’ and writingDirection: ‘ltr’,

<TextInput defaultValue=‘Password’ placeholder=‘Password’ underlineColorAndroid=‘transparent’ placeholderTextColor=“#C0C0C0” secureTextEntry={true} style={ styles.rtlTextStyle } multiline={false} />

rtlTextStyle : { writingDirection: ‘ltr’, textAlign: ‘left’, height :40 }

Version

0.66.3

Output of npx react-native info

System: OS: macOS 11.5.2 CPU: (8) x64 Apple M1 Memory: 34.84 MB / 8.00 GB Shell: 5.8 - /bin/zsh Binaries: Node: 12.22.7 - ~/.nvm/versions/node/v12.22.7/bin/node Yarn: Not Found npm: 6.14.15 - ~/.nvm/versions/node/v12.22.7/bin/npm Watchman: 2021.06.07.00 - /opt/homebrew/bin/watchman Managers: CocoaPods: 1.11.2 - /usr/local/bin/pod SDKs: iOS SDK: Platforms: iOS 14.5, DriverKit 20.4, macOS 11.3, tvOS 14.5, watchOS 7.4 Android SDK: Not Found IDEs: Android Studio: 4.2 AI-202.7660.26.42.7486908 Xcode: 12.5.1/12E507 - /usr/bin/xcodebuild Languages: Java: 11.0.12 - /usr/bin/javac npmPackages: @react-native-community/cli: Not Found react: 17.0.2 => 17.0.2 react-native: 0.66.3 => 0.66.3 react-native-macos: Not Found npmGlobalPackages: react-native: Not Found

Steps to reproduce

Create a new Component with Text Input and add following Style Sheet for textInput

textStyle : { writingDirection: ‘ltr’, textAlign: ‘left’, height :40 }

Snack, code example, screenshot, or link to a repository

No response

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:10
  • Comments:5

github_iconTop GitHub Comments

1reaction
sarinashishcommented, Jan 31, 2022

I am also facing this issue

1reaction
vikas-singh-fareyecommented, Jan 31, 2022

Facing same issue even on a fresh RN project

Read more comments on GitHub >

github_iconTop Results From Across the Web

ReactNative multiline TextInput not detecting taps on empty lines
when I tap anywhere within the (gray) multiline box, but it is only detecting taps on lines with text (or the placeholder).
Read more >
TextInput - React Native
iOS. ​. Determines the types of data converted to clickable URLs in the text input. Only valid if multiline={true} and editable={false} .
Read more >
TextInput // React Native for Web - GitHub Pages
(Not available when multiline is true .) selectTextOnFocus: ?boolean = false. If true , all text will automatically be selected on focus.
Read more >
TextInput – React Native | A framework for building ... - Deco IDE
Note that some props are only available with multiline={true/false} : var onlyMultiline = { onSelectionChange: true, // not supported in Open Source yet ......
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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found