@veel/rn-product-reviews

React Native Package for Veel Video Reviews Product built using react-native-webview & react-native-device-info

Installation

npm install @veel/rn-product-reviews react-native-device-info react-native-webview

or with yarn

yarn add @veel/rn-product-reviews react-native-device-info react-native-webview

For Deeplinking support on iOS

Add veel-app to LSApplicationQueriesSchemes in your Info.plist. e.g For Expo based project

{
    "expo":{
        ...,
        "ios": {
            ...,
            "infoPlist": {
                "LSApplicationQueriesSchemes": [
                ...,
                "veel-app"
                ],
            }
        }
    }
}

Usage

import { StyleSheet, View } from 'react-native';
import { VeelReviewButton, VeelReviewsList } from '@veel/rn-product-reviews';

export default function App() {
  return (
    <View style={styles.container}>
      <VeelReviewButton
        brandKey={process.env.BRAND_KEY}
        apiKey={process.env.API_KEY}
        videoPath="/MyCategory/MyProduct"
      />
      <VeelReviewsList
        brandKey={process.env.BRAND_KEY}
        apiKey={process.env.API_KEY}
        videoPath="/MyCategory/MyProduct"
      />
    </View>
  );
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
  },
});

What is BRAND_KEY & API_KEY & Where to get one?

https://www.veelapp.com/docs/product-reviews#generate-keys

Example App

https://github.com/Veel-App/rn-product-reviews-example.git

Contributing

See the contributing guide to learn how to contribute to the repository and the development workflow.

License

MIT

Made with create-react-native-library