React Native

The instructions below assume that you already have Bugsee IOS or Android SDK properly installed and initialized within your project ios and/or android folders respectively. If you haven't done so, follow the instructions upon application creation within Bugsee dashboard or refer to documentation: ios / android

Installation of react-native-bugsee module allows for a richer integration and brings the ability to further control Bugsee from within your Javascript code.

Install the module itself:

npm install --save react-native-bugsee

Follow platform specific instructions below:

IOS

Add native bridge files from node_modules/react-native-bugsee/ios into your XCode project.

Android

Add native bridge files from node_modules/react-native-bugsee/android into your Android Studio project.

Register BugseeReactPackage with your main activity:

public class MainActivity extends ReactActivity {
    // ...skipped...
    @Override
    protected List<ReactPackage> getPackages() {
        return Arrays.<ReactPackage>asList(
            new MainReactPackage(),
            new BugseeReactPackage() // <------- Add this line
        );
    }
}

Then, in your App class constructor call Bugsee.initialize(); to let us install all the required hooks.


import Bugsee from 'react-native-bugsee';

// ...

export default class App extends Component<{}> {
  constructor(props) {
    super(props);

    Bugsee.initialize();    // <------- This initialization is required

    // other initialization logic
  }
}