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.

Change space between Input text and underline

See original GitHub issue

Hi! I’m trying to remove the space between the text of Input and its underline. I exported the custom theme in my project, tried to change the inputLineHeight variable but no sucess.

react-native, react and native-base version

"react": "16.0.0-alpha.12",
"react-native": "0.49.0",
"native-base": "2.3.5",

Expected behaviour

Image

Actual behaviour

Image

Is the bug present in both ios and android or in any one of them?

Both of them.

Steps to reproduce the problem

<Item stackedLabel>
  <Label>Usuário</Label>
  <Input />
</Item>

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
nwmannolycommented, Feb 25, 2020

@SupriyaKalghatgi your solution does not work - this issue should not have been closed. Does anybody have a solution?

0reactions
awkward-minioncommented, Mar 12, 2020

Same here.

Passing inputHeightBase prop to Input doesn’t have any effect. But it works when we have changed the inputHeightBase in theme variables.

But what will be the solution if I want to change inputHeightBase value at one component, not in the theme itself

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to increase the gap between text and underlining in CSS
Using CSS, when text has text-decoration:underline applied, is it possible to increase the distance between the text and the underline?
Read more >
How to Set the Gap Between Text and Underlining using CSS
In this article, we are going to see how in the case of underlined text, increase the gap between text and underline.
Read more >
How to Increase the Space Between Text and Underlining in ...
It is not possible to increase the space between a text and its underlining if you use the text-decoration property set to “underline”....
Read more >
How to create space between text and underline in HTML or ...
The best way to add space between two HTML elements is to add either padding or a margin in CSS. padding will add...
Read more >
text-underline-offset - CSS: Cascading Style Sheets | MDN
The text-underline-offset CSS property sets the offset distance of an underline text decoration line (applied using text-decoration) from ...
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