Shakebug-react-native NPM

shakebug-react-native

Shakebug allows users to report the bug from your mobile phone for your application. Here users just need to shake their mobile and all the data regarding bugs & crashes can be seen by developers through their log in panel easily.

For more info, visit shakebug.com.

Installation

Navigate to your React Native project directory and install shakebug-react-native

 npm install shakebug-react-native

Or if you prefer to use Yarn instead of npm:

 yarn add shakebug-react-native

iOS

You need to provide permissions inside ios/YourProjectName/info.plist:

<key>NSCameraUsageDescription</key>
<string></string>

<key>NSMicrophoneUsageDescription</key>
<string></string>

<key>NSPhotoLibraryUsageDescription</key>
<string></string>

CocoaPods installation:

    cd ios && pod install && cd ..

Android

Android minSdkVersion 24 required You can change it in android/build.gradle

    buildscript {
        ...
        ext {
            ...
            minSdkVersion = 24 or later
            ...
        }
        ...
    }

Usage

you Need to import ShakebugView in root file of application (App.js)

Import ShakebugView from 'shakebug-react-native';

export default App = () => {
    return(
        <ShakebugView 
            Android_appkey= “your android app key”  
            iOS_appkey= “your ios app key”
            other options...
        >
            //Your code...
        </ShakebugView>
    )	
}

If you use NavigationContainer in App.js/root file (where you import ShakebugView) then you need to pass independent as parameter in NavigationContainer

Import ShakebugView from 'shakebug-react-native';

export default App = () => {
    return(
        <ShakebugView 
            Android_appkey= “your android app key”  
            iOS_appkey= “your ios app key”
            other options…
        >
	        <NavigationContainer independent>
                //Your code...	
	        </NavigationContainer>
        </ShakebugView>
    )	
}

You can add event on click:

import { Button } from 'react-native';
import ShakebugView, { addEventKey } from 'react-native-shakebug';

export default App = () => {
    return(
        <Button 
            title='Prees'
            onPress={() => {
                addEventKey("key_name", value)
            }}
        />
    )
}

To ensure the privacy of your users' sensitive information, such as payment details or account information etc.., you can mark any view containing this information as private using ShakebugSdkProtectedView. By doing so, the private view will automatically appear with a black overlay in any screenshots taken and while recording screen:

import { Button } from 'react-native';
import { ShakebugSdkProtectedView } from 'react-native-shakebug';

export default App = () => {
    return(
        <ShakebugSdkProtectedView>
            <View>
                <Text>This is sensitive information!</Text>
            </View>
        </ShakebugSdkProtectedView>
    )
}