Nativebase: Content with refreshControl and padder wrong paddings

Created on 23 Mar 2018  路  4Comments  路  Source: GeekyAnts/NativeBase

When using Content component with padder attribute everything is working as excepted. However adding refreshControl to this makes the left padding disappear.

Screenshot.
image

react-native, react and native-base version

0.54.2, 16.3.0-alpha.1, 2.3.7

awaiting response bug

Most helpful comment

@ppozniak same issue happens with react-native ScrollView.
But you can fix this by removing the padder and setting the padding to contentContainerStyle of <Content/>

<Content contentContainerStyle={{ padding: 10 }} refreshControl={<RefreshControl/>}>

We will be fixing this. Let us know if you are facing any issue.

All 4 comments

@ppozniak checked this. It is working fine for me . Attaching a gif.

Gif

refreshcontrol

@akhil-geekyants Made a new snack: https://snack.expo.io/Hy91JEL9f
It seems to work okay on iOS however not on android:
image

@ppozniak same issue happens with react-native ScrollView.
But you can fix this by removing the padder and setting the padding to contentContainerStyle of <Content/>

<Content contentContainerStyle={{ padding: 10 }} refreshControl={<RefreshControl/>}>

We will be fixing this. Let us know if you are facing any issue.

Fixed with 2.4.2

Was this page helpful?
0 / 5 - 0 ratings

Related issues

georgemickael-b picture georgemickael-b  路  3Comments

sihemhssine picture sihemhssine  路  3Comments

bsiddiqui picture bsiddiqui  路  3Comments

agersoncgps picture agersoncgps  路  3Comments

Bundas picture Bundas  路  3Comments