Native Base Input line height

Question

I am using Native Base Component Input to create the TextInput, but the lineheight for display is broken and cannot show the complete word. The padding, margin, border, lineheight is not working in here.

Any people have this solution? Thank You!

Remark: only happen in android

        <Text style={styles.inputHeader}>My Name</Text>
        <Item regular>
          <Input style={{height:35,marginBottom:0 }} />
        </Item>

you should post issue in native base github.. there you get quick solution here: https://github.com/GeekyAnts/NativeBase/issues — Sagar Chavada, May 01 '18 at 09:43

score 1 · Answer 1 · answered May 01 '18 at 06:47

I recommend wrapping it inside the Form tag in your parent container or your wrapper, for inheriting the styles assigned to it in your Item

<Form>
    <Label>My Name</Label>
    <Item regular>
        <Input style={{ height: 35, marginBottom: 0 }} />
    </Item>
</Form>

score 0 · Answer 2 · answered May 01 '18 at 06:37

0

give padding to input

{padding:2}

answered May 01 '18 at 06:37

Bhargav Sejpal

1,352
16
23

score 0 · Answer 3 · answered May 07 '18 at 06:48

0

No need of embedding inline styles

This is fixed with NativeBase

Try updating NativeBase in your project, and make sure you eject theme to find the fix

answered May 07 '18 at 06:48

Supriya Kalghatgi

1,155
9
10

Native Base Input line height

3 Answers3