Storybook oder entwicklung von komponentenbasierten Benutzeroberflächen

Top Flutter Storybook or Component Driven UI Development packages Flutter Komponentenentwicklung ist eine Methode zum Erstellen von Benutzeroberflächen, bei der der Fokus auf der Erstellung von eigenständigen, wiederverwendbaren Komponenten liegt. Oder im Fall von Flutter könnte man sagen, dass jede Komponente der Benutzeroberfläche, also ein Widget, isoliert erstellt wird. Daher müssen Sie nicht die gesamte Flutter-App starten, um zu sehen, wie sie gerendert wird. Sie können eine bestimmte Variation isoliert rendern, indem Sie Props übergeben, Daten fälschen oder Ereignisse simulieren. Diese Herangehensweise kann Ihren Code wartbarer und testbarer machen und das Erstellen komplexer Benutzeroberflächen erleichtern. Dieses Entwicklungskonzept wurde durch Storybook.js populär gemacht, und Flutter-Pakete wie Storybook, Dashbook, Widgetbook usw. haben es für Flutter-Entwickler ermöglicht. Die vollständige Liste der Flutter-Pakete für die Komponentenorientierte UI-Entwicklung wird unten bereitgestellt.

widgetbook

477

Ein Flutter-Storybook, das Fachleuten und Teams hilft, ihre Widgets zu katalogisieren.

storybook_flutter

289

Ein Storybook für Flutter-Widgets. Live-Vorschau isolierter Widgets für schnellere Entwicklung und Präsentation.

dashbook

110

Eine Showcase- und Sandbox-Bibliothek, um isolierte Widgets in Flutter zu erstellen.

monarch

Codegenerator für Monarch. Monarch ist ein Tool zum Erstellen von Flutter-Widgets in Isolation. Es erleichtert den Aufbau, die Tests und das Debuggen komplexer Benutzeroberflächen.

flutterbook

Ein Storyboard-Tool, um die Entwicklung von Flutter-Widgets zu beschleunigen.

storyboard

Schnellere iterative Entwicklung von Flutter-Benutzeroberflächen durch Isolierung von Widgets aus Ihrer App.

flutter_design

Ein vollständiges Framework mit Tools, um Ihr Designsystem zu unterstützen.

widgetbook_annotation

Ein Paket mit den Annotationen, die vom widgetbook_generator verwendet werden.

widgetbook_generator

Ein Paket zur Automatisierung der Einrichtung und Wartung des widgetbook-Pakets durch Codegenerierung.

demoflu

Paket-Demobuilder. Webanwendung zur Anzeige der Verwendung von Paket-Widgets.

monarch_annotations

Annotationen für Monarch. Monarch ist ein Tool zum Erstellen von Flutter-Widgets in Isolation. Es erleichtert den Aufbau, die Tests und das Debuggen komplexer Benutzeroberflächen.