Chevron color in listitem not working and listitem row lines are not showing
See original GitHub issueExplain what you did I tried to add a color a to a chevron in a list item and it does not work. I tried adding a color dynamically and just by setting it like chevronColor. Also row lines are not showing in listitem
Expected behaviour Chevron color should change to the color set and rowlines are not showing either
To Reproduce
<ListItem
containerStyle={{backgroundColor: 'green'}}
key={i}
title = { item.title }
chevron
chevronColor ='red'
leftIcon = {{ name: item.icon, color: Colors.brandMainRed, type: item.type }}
onPress = {() => {console.log('hello')}}
/>
| software | version |
|---|---|
| react-native-elements | 1.1.0 |
| react-native | 0.59.9 |
| npm or yarn | 1.17.3 |
Issue Analytics
- State:
- Created 4 years ago
- Comments:6
Top Results From Across the Web
Adding chevron to list view item - Stack Overflow
The module react-native-vector-icons includes a chevron icon, ... Not sure if this the best way though. Something along the lines of
Read more >Swiftui list row with multiple buttons? - Apple Developer
(Note: The tutorial is playing with colors to show blue/gray - even in the List view). 2) The button no longer flashes when...
Read more >list-style-type - CSS: Cascading Style Sheets - MDN Web Docs
The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.
Read more >ListItem | React Native Elements
ListItems are used to display rows of information, such as a contact list, playlist, or menu. They are very customizable and can contain...
Read more >Lists - Material Design
To expand a list item, display a parent-child transition. Navigation transitions ... In a two-line list, each row contains two lines of text...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found

You’ll have to make use of the bottomDivider prop.
chevronColorisn’t a prop. Being in the docs was a mistake. See #2033 that fixes this in the docs.Instead, you should use the
chevronprop to do this.