Skip to content

ClaspTV/vizbee-react-native-sample-app

Repository files navigation

vizbee-react-native-sample-app

This README provides instructions on how to set up and run the vizbee-react-native-sample-app.

Getting Started

Follow these steps to get the app running on your local machine.

1. Clone the Repository

Clone the repository using one of the following commands:

# Using SSH
git clone git@github.com:ClaspTV/vizbee-react-native-sample-app.git

# OR using HTTPS
git clone https://github.com/ClaspTV/vizbee-react-native-sample-app.git

2. Install Dependencies

After cloning the repository, navigate to the project directory and install the necessary dependencies:

cd vizbee-react-native-sample-app

# using npm
npm install

# OR using Yarn
yarn install

3. Start the Metro Server

Next, you need to start Metro, the JavaScript bundler that ships with React Native.

To start Metro, run the following command from the root of your React Native project:

# using npm
npm start

# OR using Yarn
yarn start

4. Start your Application

Let Metro Bundler run in its own terminal. Open a new terminal from the root of your React Native project.

For Android

Run the following command to start Android app:

# using npm
npm run android

# OR using Yarn
yarn android

For iOS

First, install the pods:

cd ios && pod install && cd ..

Then, if you want to run the app on a real iOS device, you need to set up your development team:

  1. Open the Xcode project:

    open ios/ReactNativeApp.xcworkspace
  2. In Xcode, select the project in the Project Navigator.

  3. Select the target under the "Targets" section.

  4. Go to the "Signing & Capabilities" tab.

  5. In the "Team" dropdown, select your Apple Developer team.

Make sure that the bundle identifier used in your project has the proper entitlements registered in your Apple Developer account.

Finally, run the following command to start the iOS app:

# using npm
npm run ios

# OR using Yarn
yarn ios

That's it! You should now have the vizbee-react-native-sample-app running on your local machine or device.

Note: If you encounter any issues related to code signing or provisioning when running on a real device, you may need to adjust your project's code signing settings in Xcode or register your device in your Apple Developer account.

About

The Vizbee React Native Demo App is designed to demonstrate the integration and functionality of the Vizbee SDK within an React Native application. This demo app showcases key features, allowing developers to understand how to implement and customize the Vizbee SDK for their own applications.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors