> ## 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

> Cómo poner notificaciones push en tu app Flutter.

<Tip>
  Flutter corre en Android **e** iPhone. Configuras las dos “porterías” (Google y Apple) en el panel y pegas **un solo código** en el proyecto Flutter.
</Tip>

## En pocas palabras

1. Configura Firebase (Android) y Apple (iPhone) en el panel de Notifique
2. Instala `notifique_push` y Firebase en Flutter
3. Llama a `NotifiquePush.init` con tu `appId`
4. Prueba en ambos tipos de móvil si usas los dos

## Antes de empezar

| Si la app corre en… | Configura primero…                                                   |
| ------------------- | -------------------------------------------------------------------- |
| Android             | [Credenciales Firebase](/es/push-api/integracao/credenciais-android) |
| iPhone              | [Credenciales Apple](/es/push-api/integracao/credenciais-ios)        |
| Ambos               | Las dos guías arriba                                                 |

## Paso 1: Dependencias

En `pubspec.yaml`:

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

Luego `flutter pub get`.

Firebase en Flutter sigue los mismos pasos que Android nativo (`google-services.json`, etc.).

## Paso 2: Iniciar en la app

En Dart, al abrir la app:

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

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

Cambia `TU_APP_ID` por el ID del panel.

<Note>
  Solo `appId` en la app, nunca claves de API dentro de Flutter.
</Note>

## Paso 3: Probar

1. Ejecuta en Android o iPhone (mejor dispositivo real)
2. Acepta notificaciones
3. Envía una prueba desde el panel

## Checklist

* [ ] Credenciales en el panel (Google y/o Apple)
* [ ] Firebase configurado en el proyecto Flutter
* [ ] `init` con el `appId` correcto
* [ ] Prueba en móvil real

## Próximos pasos

* [Android nativo](/es/push-api/integracao/android)
* [iPhone nativo](/es/push-api/integracao/ios)
* [React Native](/es/push-api/integracao/react-native)
* [Todos los guías](/es/push-api/integracao/index)