Estoy tratando de usar Victory Native para mostrar un gráfico, donde puedo hacer clic en cada punto para activar un evento. Sin embargo, el evento de clic no parece registrarse siempre. Después de mucho tiempo intentándolo, conseguí que a veces detectara clics si envío spam a un punto. Además, la parte rara es que el nombre del evento que se captura es 'onPress', cuando en los documentos menciona 'onClick' y en la propia biblioteca, solo muestra 'onclick' (sin camelscase) como el evento válido .

Código:

 <Svg style={{borderWidth: 5, width: ls(1200), height: ls(500)}}> <VictoryChart theme={theme} maxDomain={{y: 1, x: MAX_NUMBER_SCORES}} domainPadding={{x: 10}} width={ls(1200)} height={ls(500)}> <VictoryAxis dependentAxis /> <VictoryAxis style={{tickLabels: {fontSize: 0}, ticks: {size: 0}}} /> <VictoryLine data={data} style={{data: {stroke: '#315356', strokeWidth: 4}}} /> <VictoryArea style={{data: {fill: 'rgba(97, 214, 214, 0.1)'}}} data={data} /> <VictoryScatter data={data} size={10} style={{ data: { fill: ({datum: {color, aboveThreshold}}) => color ?? (aboveThreshold ? graphColors.ACTIVE_DEFECT : graphColors.NO_DEFECT), }, }} events={[ { target: 'data', eventHandlers: { onPress: () => { console.log('onPress'); }, onclick: () => console.log('onclick'), onClick: () => console.log('onClick'), onpress: () => console.log('onpress'), }, }, ]} /> </VictoryChart> </Svg>

¿También hay una manera de hacer que cada punto responda al tacto?

Gracias.