Welcome to Instabug's Documentation! Here you'll find
a comprehensive technical guide to help you start
working with the Instabug SDK as quickly as possible.

Get Started

Invoking Instabug

This section covers how to set the user action that initializes Instabug, as well as how to customize what appears to your app users after the SDK is invoked for React Native apps.

By default, Instabug is invoked when the device is shaken. This can be customized to several other modes that invoke the SDK. You can also invoke the SDK manually from a custom gesture or a button you add to your app.

Invocation Events

You can set the SDK to be invoked when your users do one or more of the following actions:

  • Shake device
  • Take a screenshot
  • Tap on a floating button shown above your app's UI
  • Two-finger swipe from right to left
  • None (manual invocation)

You have the option to set one or multiple invocation events. To customize the invocation event, pass one of the values of the Instabug.invocationEvent enum when starting the SDK.

// Open index.ios.js
Instabug.startWithToken('YOUR_TOKEN', [Instabug.invocationEvent.floatingButton]);

//Second argument takes an array of invocation events
// Open android/app/src/main/java/[...]/MainApplication.java
// Shange the invocation event
@Override
protected List<ReactPackage> getPackages() {
	return Arrays.<ReactPackage>asList(
	new MainReactPackage(),
	new RNInstabugReactnativePackage.Builder("TOKEN",MainApplication.this)
							.setInvocationEvent("shake", "button", "screenshot")
							.setPrimaryColor("#1D82DC")
							.setFloatingEdge("left")
							.setFloatingButtonOffsetFromTop(250)
							.build()
}

You can find the possible invocation events below.

Instabug.invocationEvent.none
Instabug.invocationEvent.shake
Instabug.invocationEvent.screenshot
Instabug.invocationEvent.twoFingersSwipe
Instabug.invocationEvent.floatingButton
"none"
"shake"
"screenshot"
"swipe"
"button"

Floating Button

If you are using the floating button, you can set its default position as explained here.

None

Use the "none" event if you want to invoke the SDK manually in order to prevent the SDK from being invoked through the other events.

Shaking Threshold

If you are using the shaking gesture as your invocation event, you can set how sensitive the device should be to the shaking. The default value is 350. The higher the value, the less sensitive the device will be to shaking.

//iPhone
BugReporting.setShakingThresholdForiPhone(iPhoneShakingThreshold);

//iPad
BugReporting.setShakingThresholdForiPad(iPadShakingThreshold);
BugReporting.setShakingThresholdForAndroid(androidThreshold);

Changing the Invocation Event

If you want to change the invocation event to any of the other supported events, you can do so at runtime‚Äč as shown below.

BugReporting.setInvocationEvents([Instabug.invocationEvent.shake])

Manual Invocation

If you want to invoke the SDK manually, use the invoke method.

BugReporting.invoke();

Changing the Invocation Mode

By default, when the Instabug SDK is invoked, a popup appears to your app users that asks "How can we help you?" with options for them to report a bug ("Report a problem"), share feedback ("Suggest an improvement"), or send you a message ("Talk to us") if In-App Chat is supported in your plan.

The Prompt Options menu appears when Instabug is invoked in your app.

The Prompt Options menu appears when Instabug is invoked in your app.

Instead of showing this Prompt Options menu that lets your users choose what they want to do, you can skip this step and take users directly to the bug or feedback reporting flow or chat pages.

For bug and feedback reporting, you can also specify invocation options as described here.

//First argument is the mode of the invocation while the second takes an array of invocation options
BugReporting.invokeWithInvocationModeAndOptions(invocationMode, invocationOptions);

Here are the possible modes and options.

//Modes
BugReporting.invocationMode.NA;
BugReporting.invocationMode.newBug;
BugReporting.invocationMode.newFeedback;
BugReporting.invocationMode.newChat;
BugReporting.invocationMode.chatsList;

//Options
BugReporting.invocationOptions.emailFieldHidden;
BugReporting.invocationOptions.emailFieldOptional;
BugReporting.invocationOptions.commentFieldRequired;
BugReporting.invocationOptions.disablePostSendingDialog;

What's Next

Learn how to customize the welcome message to your users or maybe even report your first bug.

Welcome Message
Bug Reporting