slide_popup_dialog

Visão geral do pacote

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

Um pacote Flutter que fornece um diálogo pop-up com animação de deslizamento, oferecendo uma experiência do usuário suave e interativa. Ele imita o comportamento de diálogos padrão como AlertDialog ou SimpleDialog, mas adiciona uma transição deslizante para um feedback visual aprimorado. Ideal para popups leves e animados que aparecem a partir da borda da tela, ele suporta personalização mantendo simplicidade e facilidade de integração. O pacote foi projetado para ser intuitivo e compatível com os padrões existentes de diálogos no Flutter.

Casos de uso

Dicas interativas de integração
Prompts de ação rápida
Alertas modais com animação
Diálogos de confirmação do usuário
Feedback de validação de formulário

Principais recursos

Efeito de animação de deslize
API simples semelhante ao AlertDialog
Aparência personalizável
Leve e rápido
Funciona com widgets padrão do Flutter

Indicado para

Desenvolvedores procurando diálogos animados
Aplicativos com design de interface moderno
Aplicativos móveis que precisam de transições sutis
Prototipagem de elementos interativos
Projetos usando padrões de diálogo padrão

Considerações

Comportamentos específicos de plataforma limitados
Sem suporte embutido para layouts complexos
Pode exigir estilos adicionais para o modo escuro
Não otimizado para grandes volumes de conteúdo
Animações podem afetar o desempenho em dispositivos de baixa potência

README original

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

Popup dialog with slide mechanism. Use it like AlertDialog or SimpleDialog.

How to use

Add slide_popup_dialog to your package's pubspec.yaml, then intall it.
Import package.

import 'package:slide_popup_dialog/slide_popup_dialog.dart' as slideDialog;

Add this method to your State Widget.

void _showDialog() {
  slideDialog.showSlideDialog(
    context: context,
    child: Text("Hello World"),
  );
}

Code Example

class MyHomePage extends StatefulWidget {
  final String title;

  const MyHomePage({Key key, this.title}) : super(key: key);

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Center(
        child: RaisedButton(
          child: Text("Press to open dialog"),
          onPressed: _showDialog,
        ),
      ),
    );
  }

  void _showDialog() {
    slideDialog.showSlideDialog(
      context: context,
      child: Text("Hello World"),
      barrierColor: Colors.white.withOpacity(0.7),
      pillColor: Colors.red,
      backgroundColor: Colors.yellow,
    );
  }
}

Buscar pacotes, repositórios e categorias de apps