react-native-graph icon indicating copy to clipboard operation
react-native-graph copied to clipboard

How onGestureStart, onGestureEnd and onPointSelected work?!

Open ziziele opened this issue 1 year ago • 1 comments

Could someone please edit the documentation or explain how to make it work?

I spent 3 days and still can't figure it out. The person who made this package is not cool.

const Test = ({ setPriceTitle }) => {
  const currentPrice = 0;

  const onGestureStart = useCallback(() => {
    hapticFeedback("impactLight");
  }, []);

  const onGestureEnd = useCallback(() => {
    setPriceTitle(currentPrice);
  }, [currentPrice, setPriceTitle]);

  const onPointSelected = useCallback((p) => {
    setPriceTitle(p);
  }, []);

  return (
    <LineGraph
      points={somePoints}
      color={someColors}
      style={someStyles}
      animated={true}
      onGestureStart={onGestureStart}
      onPointSelected={onPointSelected}
      onGestureEnd={onGestureEnd}
    />
  );
};

export default Test;

ziziele avatar Jun 29 '23 08:06 ziziele

What exactly is not clear? onPointSelected takes a callback and passes the current point. From there you can set it via state and do whatever you want

michaelpomogajko avatar Aug 02 '23 11:08 michaelpomogajko