Skip to main content

React-native push notifications

React Native Android: Push Notification (Firebase Only)​

Requirements​

  • Must have a Firebase project with FCM enabled
  • React-native-firebase (documentation)
  • Minimum Compiled SDK of 31

On the App.js or App.tsx file of the React-native project, call the following method:

//Import grouplink sdk
import * as GroupLinkSDK from '@grouplinknetwork/rn-grouplink-sdk';

export default function App() {
  React.useEffect(() => {
    //set firebase token
    GroupLinkSDK.setFirebaseToken(token);
    ...
  }, []);
  return (
    <View style={styles.container}>
      <Text>This is a test application</Text>
    </View>
  );
}

React Native Android: Push Notification (OneSignal)​

  • Must have a Firebase project with FCM enabled
  • OneSignal (documentation)
  • Minimum Compiled SDK of 31

Install the OneSignal library

npm install onesignal-node --save OR
yarn add "onesignal-node"
//Import grouplink sdk
import * as GroupLinkSDK from 'rn-grouplink-sdk';
import * as OneSignal from 'onesignal-node';

export default function App() {
  React.useEffect(() => {
    //initialize Grouplink and OneSignal
    ...
    setPushToken();
  }, []);
  return (
    <View style={styles.container}>
      <Text>This is a test application</Text>
    </View>
  );
}

async function setPushToken() {
    let deviceState: OneSignal.DeviceState|null = (await OneSignal.default.getDeviceState());
    if(deviceState!=null){
      let token : String = deviceState.pushToken;
      console.log("PUSH TOKEN => " + token);
      GroupLinkSDK.setFirebaseToken(token);
    }
  }