1.Integration with React Native

This tutorial will help you integrate Flexmonster with the React Native framework. It is based on the React Native: Getting Started guide.

Prerequisites

To run a simple application, you will need Node.js and npm. Get it here if it’s not already installed on your machine.

Then install the Expo CLI globally bu running:

npm install -g expo-cli

Integrate Flexmonster into an existing/new application

To integrate Flexmonster into a React Native app, follow these steps:

Step 1. If you don’t have a React Native app, create it by running these commands in the console:

expo init my-app --template blank
cd my-app

Step 2. If you created a new app, install the packages described in package.json:

npm install

Step 3. Install the Flexmonster React Native module with the following command:

npm install react-native-flexmonster --save

Step 4. Import FlexmonsterReactNative into App.js:

import * as FlexmonsterReactNative from 'react-native-flexmonster';

Step 5. Insert Flexmonster Pivot into App.js:

export default function App() {
    return (
        <View style={{ flex: 1 }}>
            <FlexmonsterReactNative.Pivot
             report="https://cdn.flexmonster.com/reports/report.json"
            />
        </View>
     );
}

Step 6. Run your application from the console:

expo start

What’s next?

You may be interested in the following articles: