React Native Dashboard | Embed Dashboards In React Native Application

Add data visualizations in React Native applications in no time!

Getting your embedded dashboards to production was never as easy.

Simply install the @cumul.io/react-native-cumulio-dashboard package on npm & import it into your application. Add your React Native dashboard component with a few lines of code and you’re ready to go to production!

Need some more inspiration before getting started? Check out the sample React Native integration on Snack Expo.

Install package

 import CumulioDashboardComponent from '@cumul.io/react-native-cumulio-dashboard';
 import { useRef } from 'react';
 ...
 function CumulioWrapper() {
     const ref = useRef(null);
     return (
         <div className="App">
             <CumulioDashboardComponent
                 ref={ref}
                 authKey="<!-- your generated authKey -->"
                 authToken="<!-- your generated authToken -->"
                 dashboardSlug="test"
                 switchScreenModeOnResize={false}
                 loaderSpinnerColor="rgb(0, 81, 126)"
                 loaderSpinnerBackground="rgb(236 248 255)"
                 itemsRendered={(e) => console.log('itemsRendered', e)}
             ></CumulioDashboardComponent>
         </div>
     );
 }
 ...