Flutter-Crise Plugin
Versão: 0.0.38
Descrição
Plugin para Flutter com uma coleção de componentes visuais customizados, pensados para agilizar o desenvolvimento de apps com uma interface consistente e moderna.
Vamos Começar!
Publicação no Pub.dev
Para publicar este plugin no Pub, utilize os comandos abaixo:
dart pub login # Para realizar login na conta do pub.dev
dart pub publish # Para publicar a versão atual do pacote
Componentes Disponíveis
Aqui está uma lista dos principais componentes que o plugin disponibiliza, cada um com uma breve explicação do seu propósito:
AlertDialogComponent
Componente para exibir diálogos modais de alerta ou confirmação.
OptionsComponent
Componente para exibir opções ou menus de seleção.
AlertDialogPopupComponent
Variante de diálogo de alerta que aparece em formato popup.
AvatarComponent
Componente para exibir avatares circulares com imagem ou iniciais.
BottomNavigationComponent
Barra de navegação inferior para trocar entre telas principais.
ButtonSlideComponent
Botão com efeito de slide para interações visuais dinâmicas.
CardDragComponent
Card que pode ser arrastado, ideal para interfaces interativas.
CardComponent
Cartão padrão para agrupar informações visualmente.
CarrouselComponent
Componente de carrossel para exibir listas de itens deslizando horizontalmente.
CheckBoxComponent
Caixa de seleção personalizável.
ContentComponent
Container genérico para organizar conteúdo.
ElevationButtonComponent
Botão com sombra e elevação para destacar ações.
InputTextComponent
Campo de texto customizado para entradas do usuário.
RoundedProgressComponent
Indicador de progresso circular arredondado.
VerificationCodeInputComponent
Campo para inserção de código de verificação (ex: OTP).
RangeComponent
Componente para seleção de intervalo (slider duplo).
SearchComponent
Campo de busca para filtrar ou pesquisar dados.
SelectComponent
Dropdown para seleção de opções.
SelectDoubleButtonComponent
Douplo botão para seleção de duas opções ex: SIM ou NÃO.
SideBarDrawerComponent
Menu lateral (drawer) para navegação.
SnackBarComponent
Mensagens rápidas que aparecem na parte inferior da tela.
SwitchComponent
Interruptor para ligar/desligar opções.
TabsComponent
Abas para organizar conteúdos em seções.
TextComponent
Texto customizado com estilo padrão do app.
ToggleBubbleComponent
Componente toggle com efeito de bolha animada.
ToggleFavoriteComponent
Toggle para marcar/desmarcar como favorito.
ToggleSlideAnimationComponent
Toggle com animação de slide.
StepsComponent
Componente para mostrar progresso em etapas (steps).
Licença
Este projeto está sob a Licença MIT, permitindo uso, modificação e distribuição livre.
Boas Práticas para Desenvolvimento
Este Sugerimos seguir a estrutura abaixo para manter o código organizado e escalável:
main.dart
app/
├── config/ # Configurações globais (cores, fontes, tema)
│ ├── colors.dart
│ ├── fonts.dart
│ └── app_theme.dart
│
├── data/ # Dados da aplicação
│ ├── enums/ # Enumerações
│ ├── models/ # Modelos de dados
│ ├── provider/ # Fornecedores de dados (API, local)
│ ├── repository/ # Repositórios para manipulação de dados
│ └── services/ # Serviços auxiliares (ex: autenticação)
│
└── modules/ # Funcionalidades e telas
└── home/ # Módulo da tela inicial
├── controller/
│ └── home.controller.dart # Lógica do estado e regras
├── view/
│ ├── home.page.dart # UI da página Home
│ └── components/ # Componentes específicos do módulo
│ └── card.component.dart
└── routes/
├── app_pages.dart # Definição das páginas
└── app_routers.dart # Configuração das rotas
Libraries
- components/alert-dialog-popup.component
- components/alert-dialog.component
- components/avatar.component
- components/card-drag.component
- components/card.component
- components/carrousel-image.component
- components/checkbox.component
- components/content.component
- components/input-text.component
- components/options.component
- components/range.component
- components/rounded-progress-component
- components/search.component
- components/select-filter.component
- components/select.component
- components/side-bar-drawer.component
- components/snackbar.component
- components/steps.component
- components/switch.component
- components/tabs.component
- components/text.component
- components/toggle-bubble.component
- components/toggle-favorite.component
- components/toggle-slide-animation.component
- components/verification_code_input.component
- flutter_crise
- flutter_crise_method_channel
- flutter_crise_platform_interface