user onPress in react-native时如何突出显示条形图

npm install react-native-chart-kit

yarn add react-native-chart-kit

import { BarChart } from 'react-native-chart-kit';

const data = {
  labels: ['January', 'February', 'March', 'April', 'May', 'June'],
  datasets: [{
    data: [20, 45, 28, 80, 99, 43]
  }]
};

render() {
  return (
    <BarChart
      data={data}
      width={Dimensions.get('window').width}
      height={220}
      yAxisLabel={'$'}
      chartConfig={{
        backgroundColor: '#ffffff',
        backgroundGradientFrom: '#ffffff',
        backgroundGradientTo: '#ffffff',
        decimalPlaces: 0,
        color: (opacity = 1) => `rgba(0, 0, 0, ${opacity})`,
        style: {
          borderRadius: 16
        }
      }}
      onPress={(event, barData) => {
        // 在这里处理条形图按下事件
        // 可以设置状态、执行动画或者其他操作来突出显示条形图
      }}
    />
  );
}