> ## Documentation Index
> Fetch the complete documentation index at: https://docs.notifique.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Configurar Flutter

> Como colocar notificações push no seu app Flutter.

<Tip>
  Flutter é um app que roda no Android **e** no iPhone. Você configura as duas “portarias” (Google e Apple) no painel e cola **um código só** no projeto Flutter.
</Tip>

## Em poucas palavras

1. Configure Firebase (Android) e Apple (iPhone) no painel da Notifique
2. Instale o pacote `notifique_push` e o Firebase no Flutter
3. Chame `NotifiquePush.init` com o `appId`
4. Teste nos dois tipos de celular, se usar os dois

## Antes de começar

| Se o app roda em… | Configure primeiro…                                              |
| ----------------- | ---------------------------------------------------------------- |
| Android           | [Credenciais Firebase](/push-api/integracao/credenciais-android) |
| iPhone            | [Credenciais Apple](/push-api/integracao/credenciais-ios)        |
| Os dois           | Os dois guias acima                                              |

## Passo 1: Dependências

No `pubspec.yaml`:

```yaml theme={null}
dependencies:
  notifique_push: ^0.1.0
  firebase_core: ^3.0.0
  firebase_messaging: ^15.0.0
```

Depois rode `flutter pub get`.

O Firebase no Flutter segue o mesmo passo a passo do app Android nativo (arquivo `google-services.json`, etc.).

## Passo 2: Iniciar no app

No código Dart, ao abrir o app:

```dart theme={null}
import 'package:notifique_push/notifique_push.dart';

await NotifiquePush.init(appId: 'SEU_APP_ID');
```

Troque `SEU_APP_ID` pelo ID do painel da Notifique.

<Note>
  Só o `appId` no app, nunca chave de API dentro do Flutter.
</Note>

## Passo 3: Testar

1. Rode no Android ou iPhone (de preferência aparelho real)
2. Aceite notificações
3. Envie um teste pelo painel

## Checklist

* [ ] Credenciais no painel (Google e/ou Apple)
* [ ] Firebase configurado no projeto Flutter
* [ ] `init` com o `appId` certo
* [ ] Teste em celular real

## Próximos passos

* [Android nativo](/push-api/integracao/android)
* [iPhone nativo](/push-api/integracao/ios)
* [React Native](/push-api/integracao/react-native)
* [Todos os guias](/push-api/integracao/index)