Name		Name	Last commit message	Last commit date
parent directory ..
ReactNativeWithSendBird		ReactNativeWithSendBird
README.md		README.md

README.md

Sample JavaScript React-Native Redux

React-Native sample using SendBird SDK. Redux pattern is applied to the project.

How to run the sample

Make sure that you have installed Node.js 6.x or above.

Install React Native CLI (if not installed)
```
 npm install -g react-native-cli
```
Install package
```
 npm install
```

Start sample.

 react-native run-android
 react-native run-ios

FAQ

Q. How to add push notification feature using SendBird?

A. This sample uses react-native-push-notification for push notification. You can follow the instructions in the github page so as to setup for Android and iOS. Then SendBird SDK requires more treaks on the code to handle the push notification properly.

SendBird should figure out whether it's foreground or background for connection management. The following code does it using AppState event listener in Application component.

import { AppState } from 'react-native';

/// abbrev.

const sb = new SendBird({ 'appId': YOUR_APP_ID }); // or SendBird.getInstance() if SendBird is already initialized
class App extends Component {
        _handleAppStateChange = (currentAppState) => {
                if (currentAppState === 'active') {
                        if(sb) {
                                sb.setForegroundState();
                        }
                } else if (currentAppState === 'background') {
                        if(sb) {
                                sb.setBackgroundState();
                        }
                }
        }
        componentDidMount() {
                AppState.addEventListener('change', this._handleAppStateChange);
        }
        componentWillUnmount() {
                AppState.removeEventListener('change', this._handleAppStateChange);
        }
        render() {
                return ...
        }
}

Registering device token (named registrationId in iOS and pushToken in Android) into SendBird SDK is essential to receive push notification. You can see onRegister callback in PushNotification.configure(...). Add the following code to register device token.

import { Platform } from 'react-native';

/// abbrev.

const sb = new SendBird({ 'appId': YOUR_APP_ID }); // or SendBird.getInstance() if SendBird is already initialized
PushNotification.configure({
        onRegister: function(token) {
                if (Platform.OS === 'ios') {
                        sb.registerAPNSPushTokenForCurrentUser(token['token'], function(result, error) {
                        });
                } else {
                        sb.registerGCMPushTokenForCurrentUser(token['token'], function(result, error) {
                        });
                }
        },
        onNotification: function(notification) {
                // TODO: put some code to handle notification data
                console.log(notification);
        },
        ...

For payload control, you can get notification data in onNotification callback. You can see an example in React Native sample, and github for push notification plugin as well.

Q. What if push notification is not coming anyway?

A. Check that the app is foreground or alive in background. GCM doesn't show notification when the app is in activated state. If it's not the case, check that you have multiple devices for the same user account. GCM notification arrives only at one device for a single device token.

SendBird-JavaScript/react-native-redux-sample at master · briandawkins92/SendBird-JavaScript · GitHub

Expand file tree

Breadcrumbs

react-native-redux-sample

Directory actions

More options

Directory actions

More options

Latest commit

History