Собственно вопрос в заголовке. Не получается даже подсветка выделенного пункта при клике... Пока код компонента такой:
class DrawerMenu extends Component {
constructor() {
super()
const ds = new ListView.DataSource({
rowHasChanged: (r1, r2) => r1 !== r2
});
this.state = {
dataSource: ds.cloneWithRows(menu)
}
}
renderRow(item) {
return (
<TouchableHighlight
underlayColor='#aaa'
style={{
flex: 1
}}
color='white'>
<View
style={{
height: 42,
flexDirection: 'row',
alignItems: 'center',
paddingLeft: 10
}}>
<Icon name={item.icon} size={30} color={colors.white}/>
<Text
style={{
fontSize: 12,
color: colors.white,
marginLeft: 10
}}>{item.title}</Text>
</View>
</TouchableHighlight>
)
}
render() {
return (
<ScrollView style={{
flex: 1
}}>
<View
style={{
height: 80,
backgroundColor: colors.teal
}}></View>
<ListView
dataSource={this.state.dataSource}
renderRow={this.renderRow}
renderSeparator={(sectionId, rowId) => <View key={rowId} style={styles.separator}/>}/>
</ScrollView>
)
}
}