React-native-elements: LIstItem component TouchableHighlight onPress not working

[mikebski]

Also posted here, but there is no SO tag for react-native-elements:

https://stackoverflow.com/questions/47491988/react-native-listitem-component-touchablehighlight-onpress-not-working

I have the following React Native ListItem and the onPress is not logging to the console:

<ListItem rightIcon={{name: 'delete', style: {color: 'white'}}} component={TouchableHighlight} containerStyle={styles[item.foodType]} title={<Text style={styles[item.foodType]}>{item.amount}&nbsp;{item.foodType}&nbsp; <FormattedDateTime epoch={item.when}/></Text>}> onPress={() => console.log("Feeding", item) } </ListItem>

Everything else works fine, list looks good, etc... I have tried without the component definition, making the right icon onPress as well, and more.

Why do I not see the message?

[xavier-villelegier]

The default component is already a TouchableHighlight, so a simple onPress should do the job?

<ListItem
  onPress={() => console.log('hey')}
  …
/>

[xavier-villelegier]

The closing tag was before the onPress props. (Cf Stackoverflow answer)

[donni106]

Use prop underlayColor to achieve TouchableHighlight ([email protected]).