preview_helper 2.0.0+4
preview_helper: ^2.0.0+4 copied to clipboard
Preview editável em tempo real para o Flutter: FAB + menu de variáveis + diálogos. Ideal para @Preview com ValueNotifier.
Changelog #
Todas as alterações notáveis deste projeto serão documentadas neste arquivo.
2.0.0+1 #
- Atualização do Readme
2.0.0 #
- Versão de publicação com 12 tipos de knob (não-nulo e nullable), layout modernizado dos fields, menu e diálogo repaginados, e README com screenshots (preview panel, menu, diálogo de edição). Detalhes nas entradas 1.1.0 e 1.0.x abaixo.
1.1.0 #
Adicionado #
- 12 tipos de knob prontos para uso (não-nulo e nullable):
BooleanPreviewKnob/BooleanNullablePreviewKnobStringPreviewKnob/StringNullablePreviewKnobIntInputPreviewKnob/IntInputNullablePreviewKnobIntSliderPreviewKnob/IntSliderNullablePreviewKnobDoubleInputPreviewKnob/DoubleInputNullablePreviewKnobDoubleSliderPreviewKnob/DoubleSliderNullablePreviewKnobDateTimePreviewKnob/DateTimeNullablePreviewKnobDurationPreviewKnob/DurationNullablePreviewKnobColorPreviewKnob/ColorNullablePreviewKnobObjectDropdownPreviewKnob<T>/ObjectDropdownNullablePreviewKnob<T>ObjectSegmentedPreviewKnob<T>/ObjectSegmentedNullablePreviewKnob<T>
- Fields visuais para cada tipo com layout modernizado:
- Barra de acento colorida no label de cada campo.
InputDecorationpadronizado (outline arredondado, preenchimento, cores do tema).- Badge compacto de valor nos sliders com labels de min/max.
- Boolean com layout inline (switch na mesma linha do label).
- Segmented com
VisualDensity.compacte bordas arredondadas. - Dropdown com
InputDecorationThemeconsistente.
- Color picker completo (HEX, RGB, HSL) com swatch e alpha.
- Exemplo completo em
example/com previews para todos os 12 tipos (não-nulo e nullable).
Melhorado #
- Menu popup (
PreviewCustom):- Usa cores do
ColorScheme(não maisColors.whitehardcoded). - Shape arredondado, largura controlada (240–320), dividers entre itens.
- Itens com barra de acento, ícone de edição e formatação de valor melhorada (Color, Duration, DateTime).
- FAB com cor
primaryContainere bordas arredondadas.
- Usa cores do
- Diálogo de edição (
PreviewEditDialog):- Migrado de
AlertDialogparaDialogcustomizado com shape arredondado (raio 20). - Header com fundo
surfaceContainerHigh, ícone em badge e nome da variável como título. - Botão NULL com ícone
blockem corerror(ação destrutiva clara). - Cancelar como
OutlinedButton, Aplicar comoFilledButtoncom ícone check. - Botão de fechar (X) no header.
- Migrado de
- README reescrito com catálogo completo de knobs, tabela de parâmetros e exemplos atualizados.
1.0.1 #
- README atualizado: exemplo com
@Previewe Design System Card, seção "Como fica na prática" com imagens do Flutter Widget Preview e do diálogo "Editar variável", API resumida e dicas de uso.
1.0.0 #
- Versão inicial:
PreviewCustom,ValueNotifierPreview,ValueNotifierPreviewNullable, diálogo de edição e editores para bool, int, double, string e enum.