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.

Input has extra vertical paddings on Android

See original GitHub issue

Issue type

I’m submitting a … (check one with “x”)

bug report
feature request

Issue description

Input component has extra text paddings on Android

Current behavior:

Screenshot on iOS Screenshot on Android

Workaround: Currently, to achieve same UI we can use

const styles = StyleSheet.create({
  text: Platform.select({
    ios: undefined,
    android: { paddingVertical: 0 },
  });
});

// ...

render() {
  return (
    <Input textStyle={styles.text} />
  );
}

Other information:

OS, device, package version

Nexus 5x API 26

Issue Analytics

State:
Created 4 years ago
Reactions:2
Comments:14

Top GitHub Comments

1reaction

artyorshcommented, Jan 27, 2020

@Frans-L yes. This will be fixed in next release

0reactions

Frans-Lcommented, Jan 20, 2020

Hey, is there any update? Has anyone started do a fix / pr?

Top Results From Across the Web

Android EditText has extra padding [duplicate] - Stack Overflow

As you can see, there is extra padding in both EditText s. The one that says "infinity" has slightly less padding due to...

View - Android Developers

Displays a vertically-scrollable collection of views, where each view is positioned ... To measure its dimensions, a view takes into account its padding....

padding-bottom - CSS: Cascading Style Sheets | MDN

An element's padding area is the space between its content and its border. The effect of the CSS padding-bottom property on the element...

Padding - Lightning Design System

Adjust whitespace by applying horizontal and vertical padding helpers. About Padding#. The base unit of all of our spacing metrics is 4. Before...

padding | CSS-Tricks

If an element has a specified width, any padding added to that element will add to the total width of the element. This...