Nativebase: how remove the bottom Separator line in ListItem

Created on 30 Aug 2017  路  7Comments  路  Source: GeekyAnts/NativeBase

picture Josin22

Most helpful comment

@Josin22 Apply noBorder prop on ListItem.

<ListItem noBorder>
picture shivrajkumar on 11 Sep 2017
🎉1 👍1

All 7 comments

@Josin22 Apply noBorder prop on ListItem.

<ListItem noBorder>
shivrajkumar picture shivrajkumar on 11 Sep 2017
🎉1 👍1

<ListItem avatar key={'item'+data.id} noBorder={true}> not working

ShaileshPrajapati-BTC picture ShaileshPrajapati-BTC on 26 Dec 2017

it should be

Josin22 picture Josin22 on 26 Dec 2017
👎1

@Josin22 still not working

ShaileshPrajapati-BTC picture ShaileshPrajapati-BTC on 26 Dec 2017

try this :

Josin22 picture Josin22 on 26 Dec 2017

@ShaileshPrajapati-BTC In <ListItem/> add borderBottomWidth:0 to style for both <Body> and <Right> components

<ListItem avatar>
    <Body style={{ borderBottomWidth: 0 }}></Body>
    <Right style={{ borderBottomWidth: 0 }}></Right>
</ListItem>
akhil-geekyants picture akhil-geekyants on 28 Dec 2017
👍1

Finally managed to do this!
Just set _containerStyle_ for ListItem to borderBottomColor: 'transparent' and borderBottomWidth: 0

anonyzm picture anonyzm on 4 May 2018
Was this page helpful?
0 / 5 - 0 ratings

Related issues

Bundas picture Bundas  路  3Comments
natashache picture natashache  路  3Comments
kitsune7 picture kitsune7  路  3Comments
georgemickael-b picture georgemickael-b  路  3Comments
agersoncgps picture agersoncgps  路  3Comments