在react本机中使用ListView数据源中的可触摸高亮显示

import React, { Component } from 'react';
import { ListView, TouchableHighlight, Text, View } from 'react-native';

const data = [
  { id: 1, name: 'Item 1' },
  { id: 2, name: 'Item 2' },
  { id: 3, name: 'Item 3' },
  // 添加更多的数据项
];

constructor(props) {
  super(props);

  const ds = new ListView.DataSource({ rowHasChanged: (r1, r2) => r1 !== r2 });

  this.state = {
    dataSource: ds.cloneWithRows(data),
  };
}

renderRow(rowData) {
  return (
    <TouchableHighlight
      onPress={() => console.log('Item pressed:', rowData.name)}
      underlayColor="#DDDDDD"
    >
      <View>
        <Text>{rowData.name}</Text>
      </View>
    </TouchableHighlight>
  );
}

render() {
  return (
    <ListView
      dataSource={this.state.dataSource}
      renderRow={this.renderRow}
    />
  );
}