question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Chevron color in listitem not working and listitem row lines are not showing

See original GitHub issue

Explain 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:closed
  • Created 4 years ago
  • Comments:6

github_iconTop GitHub Comments

2reactions
iRoachiecommented, Aug 21, 2019

You’ll have to make use of the bottomDivider prop.

2reactions
iRoachiecommented, Aug 21, 2019

chevronColor isn’t a prop. Being in the docs was a mistake. See #2033 that fixes this in the docs.

Instead, you should use the chevron prop to do this.

<ListItem chevron={{ color: 'red' }}/>
Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found