css - Style the last element of dropdown menu React Native

Question

I would like to style the last element of the dropdown menu in React native.

I'm using a lib called React native dropdown picker.

It has a prop called itemStyle where you can pass a style for items.

item: {
    height: 35,
    justifyContent: 'flex-start',
    paddingLeft: 5,
    borderBottomWidth: 1,
    borderBottomColor: '#000',
  },

The elements style in dropdown

So I would like to chnage the borderBottomWidth from 1px to 0 just for the last element.

I don't know if it is possible.

Sorry, If my english is bad.

question from:https://stackoverflow.com/questions/65924568/style-the-last-element-of-dropdown-menu-react-native

Answer 1

There's a prop renderSeperator in this library as mentioned in this pull request but it's not documented in Readme.

So try this

<DropDownPicker
....
renderSeperator={() => <View style={{ backgroundColor: '#000', height: 1 }}>}
/>

and remove this part from current itemStyle

borderBottomWidth: 1,
borderBottomColor: '#000',