Como as notificações push funcionam no React Native?

Question

Accepted Answer

**Notificações push** permitem que apps notifiquem usuários mesmo quando o app não está aberto — para mensagens, atualizações e engajamento. No React Native, elas envolvem serviços de plataforma (APNs para iOS, FCM para Android), permissões, tokens de dispositivo e manipulação de eventos de notificação.

## Como as notificações push funcionam (o fluxo)

```text
1. The app requests notification PERMISSION from the user (especially iOS — opt-in)
2. The device registers and gets a unique push TOKEN (identifies this device/app install)
3. The app sends the token to YOUR SERVER (stores it to target this device)
4. Your server sends a notification → via the platform service:
   APNs (Apple Push Notification service) for iOS, FCM (Firebase Cloud Messaging) for Android
5. The platform delivers it to the device → the app shows/handles it
→ Notifications work even when the app is closed (the OS handles delivery).
```

## Implementando no React Native

```text
→ LIBRARIES handle the complexity:
  - Expo Notifications (managed, simpler) — for Expo apps
  - @react-native-firebase/messaging (FCM) — common for bare/cross-platform
  - Notifee — rich local/displayed notifications
→ Request permission, get the token, send it to your backend, handle received notifications
```

## Manipulando notificações

```text
✓ FOREGROUND — app open: handle the notification in-app (show a banner, update data)
✓ BACKGROUND / closed — the OS shows it; tapping it OPENS the app (often to a specific
  screen — DEEP LINKING from the notification)
✓ Types: REMOTE (from a server, push) vs LOCAL (scheduled by the app itself)
✓ Handle the token lifecycle (refresh), permissions, and notification taps (navigation)
```

## Por que isso importa

Compreender como as notificações push funcionam é valioso porque **notificações são um recurso comum e importante** para engajamento e comunicação do usuário, portanto é conhecimento prático útil para apps que precisam delas.

Notificações push (notificar usuários mesmo quando o app não está aberto — para mensagens, atualizações, lembretes e engajamento) são um recurso amplamente necessário, e compreender como funcionam no React Native é valioso.

Compreender o **fluxo** — solicitar **permissão** (especialmente a opção de entrada do iOS), obter um único **token de dispositivo**, enviá-lo para **seu servidor** (para direcionar o dispositivo) e o servidor enviar notificações **via serviços de plataforma** (APNs para iOS, FCM para Android) que entregam ao dispositivo mesmo quando o app está fechado — esclarece a arquitetura, que envolve seu app, seu backend e os serviços push de plataforma trabalhando juntos.

Compreender que **bibliotecas lidam com a complexidade** (Expo Notifications para apps gerenciados, React Native Firebase para FCM, Notifee para notificações ricas) reflete a realidade prática de que você usa bibliotecas em vez de implementar os detalhes de baixo nível.

Compreender **manipulação de notificações** — a diferença entre primeiro plano (app aberto, manipular no app), plano de fundo/fechado (o SO a mostra, tocar abre o app, geralmente com **deep linking** para uma tela específica) e notificações remotas vs locais, além de gerenciar o ciclo de vida do token e toques de notificação (navegação) — é necessário para implementar notificações corretamente.

Notificações são importantes para engajamento e comunicação (um requisito comum do produto), e implementá-las envolve serviços específicos de plataforma e várias partes móveis.

Como notificações push são um recurso comum e valioso para engajamento e comunicação, e como compreender o fluxo (permissões, tokens, serviços de plataforma), as bibliotecas e manipulação de notificações (primeiro plano/plano de fundo, deep linking) é necessário para implementá-las, compreender notificações push no React Native é conhecimento valioso e praticamente relevante — importante para a necessidade comum de notificar e engajar usuários, envolvendo serviços específicos de plataforma e um fluxo multi-partes que a compreensão esclarece, uma capacidade útil para muitos apps reais.