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] paddingVertical not working in multiline mode

See original GitHub issue

Review the documentation: https://facebook.github.io/react-native
Search for existing issues: https://github.com/facebook/react-native/issues
Use the latest React Native release: https://github.com/facebook/react-native/releases

Environment

React Native Environment Info: System: OS: macOS 10.14 CPU: x64 Intel® Core™ i7-8850H CPU @ 2.60GHz Memory: 164.91 MB / 16.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 10.10.0 - /usr/local/bin/node Yarn: 1.9.4 - /usr/local/bin/yarn npm: 6.4.1 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 12.0, macOS 10.14, tvOS 12.0, watchOS 5.0 IDEs: Android Studio: 3.1 AI-173.4907809 Xcode: 10.0/10A255 - /usr/bin/xcodebuild npmPackages: react: 16.5.0 => 16.5.0 react-native: 0.57.2 => 0.57.2

Description

Just create a TextInput and apply a paddingVertical in style, in single line mode everything work as expected, but in multiline mode the padding doesn’t works with the key paddingVertical, if I manually specify paddingTop and paddingBottom that seems to fix the problem.

Issue Analytics

State:
Created 5 years ago
Reactions:6
Comments:7

Top GitHub Comments

3reactions

godness84commented, Sep 18, 2019

I’m running 0.60.4 and paddingTop isn’t working for me, when the TextInput is multiline

@chrissnape It seems that using paddingTop and paddingBottom instead of paddingVertical it works!

2reactions

chrissnapecommented, Sep 11, 2019

I’m running 0.60.4 and paddingTop isn’t working for me, when the TextInput is multiline

Top Results From Across the Web

Can't override react-native's TextInput default padding

I know for sure that it's a padding issue but whatever I try I simply can not override it. I tried padding:0 paddingTop:0...

TextInput · React Native Paper

A component to allow users to input text. ... In outlined mode, the background color of the label is derived from ... Active...

[Solved]-How to align text input correctly in react native?

This was still applied even though I set paddingVertical: 15 for all of my inputs. The result was a not centered text in...

Twitter-এ Kei Fujikawa: "ReactNativeのTextInputでmultilineを有効化 ...

ReactNativeのTextInputでmultilineを有効化した場合に、上下方向のpaddingが効か ... [TextInput] paddingVertical not working in multiline mode · Issue #21720 ...

EditText - Android Developers

For example, for plain text input set inputType to "text": ... android:drawableTintMode, Blending mode used to apply the compound (left, top, etc.) ...