Как в react-native реализовать навигацию по элементам ListView с помощью hardware клавиатуры?

Собственно вопрос в заголовке. Не получается даже подсветка выделенного пункта при клике... Пока код компонента такой:

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>
    )
  }
}
  • Вопрос задан
  • 219 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы