React-native-ui-kitten: How to customize input padding

Created on 12 Aug 2019  路  3Comments  路  Source: akveo/react-native-ui-kitten

On low-resolution Android phones, the space between text and borders is too big.
I tried the following changes, but they didn't work.

style={{paddingVertical:0}} //here is my own style
textStyle={textStyle.paragraph}
placeholder='Message...'
onChangeText={this.onNewMessageChange}
/>

Help wanted Components

All 3 comments

Hi 馃憢
Try passing paddings into textStyle prop

Hi锝濼his works partially,but even when I set padding Vertical to 0, the space between text and border still exists, and I try to set marginVertical = 0, it doesn't get smaller.Any way , it has improved a lot now. It would be better if space could be completely eliminated.Thank you very much. By the way, textStyle's statement is somewhat misleading, and it's not clearly explained in the document.

Yhea they should 100% fix this.
I ended up with this "fix"
textStyle={{paddingVertical:10,marginLeft:-5,paddingLeft:10,marginRight:0,fontSize:15}}
size='small'

Using small to make padding as less as possible and then repositining the view according to the button.

The padding thing is a REAL problem on phones. Because it makes the inputs pretty hard to press!

Was this page helpful?
0 / 5 - 0 ratings

Related issues

MScMechatronics picture MScMechatronics  路  3Comments

eyalyoli picture eyalyoli  路  3Comments

chamatt picture chamatt  路  3Comments

bkwhite picture bkwhite  路  3Comments

sovannvin picture sovannvin  路  3Comments