title: How to show the clicked value in react-native-charts-kit
body: <p>I've made an app that shows a graph. I am using <a href="https://www.npmjs.com/package/react-native-chart-kit" rel="nofollow noreferrer">react-native-chart-kit</a> package to do this.</p>
  <p>I trying to show a pop up view which shows the selected/clicked value:</p>
  <pre><code>&lt;LineChart
    data={{
      labels: ['1', '2', '3', '4', '5', '6'],
      datasets: [
        {
          data: [20, 50, 10, 80, 45, 66],
        },
      ],
    }}
    width={Dimensions.get('window').width} // from react-native
    height={300}
    yAxisInterval={1}
    chartConfig={{
      decimalPlaces: 0,
      color: (opacity = 1) =&gt; `rgba(255, 255, 255, ${opacity})`,
      labelColor: (opacity = 1) =&gt; `rgba(255, 255, 255, ${opacity})`,
      style: {
        borderRadius: 16,
      },
      propsForDots: {
        r: '6',
        strokeWidth: '2',
        stroke: '#ffa726',
      },
    }}
    decorator={(value) =&gt; {
      console.log('decorator' + JSON.stringify(value));
      // return (
      //     &lt;View style={{ position: 'absolute', backgroundColor: 'red', top: value.y, left: value.x, height: 100, width: 100, zIndex: 1000 }}&gt;&lt;/View&gt;
      // )
    }}
    bezier
    style={{
      marginVertical: 8,
      borderRadius: 16,
    }}
    onDataPointClick={(data) =&gt; {
      return (
        &lt;View
          style={{
            position: 'absolute',
            backgroundColor: 'red',
            top: data.y,
            left: data.x,
            height: 100,
            width: 100,
            zIndex: 1000,
          }}&gt;&lt;/View&gt;
      );
    }}
  /&gt;
  </code></pre>
  <p>Could anybody tell me what I'm doing wrong or suggest other packages that I could use to achieve the same behavior?</p>