React native pie chart animation

In the first step of adding charts into a mobile app, we need to install the react-native-chart-kit npm package into our existing React Native project. You can do so by using NPM or yarn.

Create a Pie Chart using Recharts in ReactJS

To use Pie component, you need to install react-native-pie package . This command will copy all the dependencies into your node_module directory, You can find the directory in node_module the directory named react-native-pie . –save is optional, it is just to update the react-navigation dependency in your package.

I decided to use Chart. js which I’d used before with success and implement it inside of a React Native WebView . It’s not the most performant of the canvas-based charting libraries, but is decent and easy enough to use .