Installation

Install the package

terminal
npm install react-native-kline-chart

Install peer dependencies

terminal
npm install @shopify/react-native-skia \
  react-native-reanimated \
  react-native-gesture-handler

Configure Babel

Add the Reanimated plugin to your babel.config.js:

babel.config.js
module.exports = {
  presets: ['module:@react-native/babel-preset'],
  plugins: ['react-native-reanimated/plugin'],
};

iOS Setup

For iOS, run pod install:

terminal
cd ios && pod install && cd ..

You're all set!

Head over to the Quick Start guide to render your first chart. Quick Start →