Stocks Chart

This is a simple example of how to implement stocks chart as seen on the Stocks iOS app, using react-native-skia, react-native-gesture-handler and react-native-reanimated.

The pan indicator traverses the chart in 60fps. This is possible by driving transitions on the native thread using react-native-reanimated.

Downsides

• Unable to get JS thread methods to return values on the native thread. This is a known issue with react-native-reanimated.

How to run

1. Install dependencies

yarn install
cd ios && pod install && cd ..

2. Run the app

yarn start

Author

Adithya Viswamithiran

Also refer to some of my work

• reanimated-tab-view: A custom tab view component for react-native built using reanimated