flutter_device_emulator

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

O Emulador de Dispositivo Flutter é uma ferramenta que permite aos desenvolvedores visualizar seus widgets Flutter em diferentes tamanhos de tela e orientações de dispositivo em tempo real. Ele suporta múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, permitindo testes de UI consistentes sem a necessidade de dispositivos físicos. O pacote se integra perfeitamente ao fluxo de desenvolvimento, oferecendo feedback visual imediato durante iterações de design. É particularmente útil para garantir layouts responsivos e compatibilidade entre plataformas.

Casos de uso

Visualização em tempo real do widget
Testes de interface do usuário multiplataforma
Validação de design responsivo
Prototipagem rápida
Verificações de consistência de design
Simulação de tamanho de tela

Principais recursos

Visualização em tempo real do dispositivo
Modelos de múltiplos dispositivos
Suporte para todas as principais plataformas
Atualizações de layout ao vivo
Integração fácil com o Flutter
Mudança de orientação

Indicado para

designers de UI/UX
Desenvolvedores Flutter
Testadores de aplicativos multiplataforma
Equipes de prototipagem
Engenheiros de frontend

Considerações

Requer configuração manual para alguns recursos
Limitado à visualização prévia (sem interação em tempo de execução)
Pode afetar o desempenho em máquinas de baixa potência
Não é substituto para testes em dispositivos físicos
Sem simulação de tema ou localização embutida

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

A Flutter package to emulate different device screens and layouts, making it easier to preview and test your app on various device types and resolutions directly within your Flutter app or development environment.

Features

Emulate multiple device screen sizes and resolutions
Switch between device types (phone, tablet, etc.)
Preview your app in different orientations
Easy integration with your existing Flutter project
Customizable device frames and backgrounds

Installation

Add the following to your pubspec.yaml:

dependencies:
  flutter_device_emulator: latest_version

Then run:

flutter pub get

Usage

Import the package and wrap your app or widget with the emulator:

import 'package:flutter_device_emulator/flutter_device_emulator.dart';

DeviceEmulator(
  builder: (context) => SafeArea(child: HomePage()),
)

Example

See the example/ directory for a complete sample app demonstrating usage and available features.

API Reference

`DeviceEmulator`

The main widget to wrap your app for device emulation. Provides controls for device type, orientation, theme, and text direction.

Constructor:

DeviceEmulator({
  required WidgetBuilder builder,
  bool enableThemeToggle = true,
  bool enableOrientationToggle = true,
  bool enableLanguageToggle = true,
  Key? key,
})

Parameters:

builder (required): A function that builds the widget tree to be emulated inside the device frame.
enableThemeToggle (default: true): If true, shows a button to toggle between light and dark themes.
enableOrientationToggle (default: true): If true, shows a button to toggle between portrait and landscape orientations.
enableLanguageToggle (default: true): If true, shows a button to toggle between left-to-right and right-to-left text directions.
key: Optional widget key.

Features:

Device selector: Choose from a list of common devices to emulate.
Theme toggle: Switch between light and dark modes.
Orientation toggle: Switch between portrait and landscape.
Text direction toggle: Switch between LTR and RTL layouts.
Screenshot: Capture the current emulated screen (web only).

Example:

DeviceEmulator(
  builder: (context) => SafeArea(child: HomePage()),
)

For detailed API documentation, see the source code in lib/.

Contributing

Contributions are welcome! Please open issues or submit pull requests for bug fixes, features, or improvements.

Fork the repository
Create your feature branch (git checkout -b feature/my-feature)
Commit your changes (git commit -am 'Add new feature')
Push to the branch (git push origin feature/my-feature)
Open a pull request

License

This project is licensed under the MIT License.

Buscar pacotes, repositórios e categorias de apps