Expo react-native bare workflow using Push notifications

Question

Firstly i will be really appreciated for your helps. I'am trying to implement expo push notification using expo-bare workflow. When i run app, it gives me error like this so i could not get token. error [TypeError: null is not an object (evaluating '_ExponentNotifications.default.getExponentPushTokenAsync')]

Here is my code:

import { Notifications } from "expo";
import * as Permissions from "expo-permissions";
import Constants from "expo-constants";

export const getToken = async () => {
  if (Constants.isDevice) {
    const { status: existingStatus } = await Permissions.getAsync(Permissions.NOTIFICATIONS);
    let finalStatus = existingStatus;
    if (existingStatus !== "granted") {
      const { status } = await Permissions.askAsync(Permissions.NOTIFICATIONS);
      finalStatus = status;
    }
    if (finalStatus !== "granted") {
      console.log("Failed to get push token for push notification!");
      return;
    }
    token = await Notifications.getExpoPushTokenAsync();
  }
  else {
    console.log("Must use physical device for Push Notifications");
  }
  return token;
};

Bare workflow uses expo-notifications package - github.com/expo/expo/tree/master/packages/expo-notifications — daybreaker
I followed this instruction that you commented sir. Maybe i may try your way you share code below and i will inform you back. Thank you for your help sir. — Huseyin Akcicek

daybreaker daybreaker · Accepted Answer · 2020-06-04T03:38:44

To expand on my comment some, I had a similar setup as yours when I was on Expo managed, but I ejected. According to their docs, the bare workflow is a little different, and so mine is set up like this:

// at the top:

import * as Notifications from 'expo-notifications';

// --------

// inside the code:

let settings = false

settings = Notifications.getPermissionsAsync()

if (!settings.granted) {
  settings = Notifications.requestPermissionsAsync()
}

if (settings.status === 1 || settings.status === 'granted') {
  const experienceId = '@proj/example' // (see docs on using expo credentials:manager)
  const token = Notifications.getExpoPushTokenAsync({ experienceId })

  const resp = api.sendNotificationToken({ token: token.data })
}

Expo react-native bare workflow using Push notifications

2 Answers