ストーリーブックまたはコンポーネント駆動型のUI開発

上位Flutter Storybook或Component Driven UI开发软件包 组件驱动的UI开发是一种构建用户界面的方法论，重点是创建独立、可重用的组件。或者用Flutter的术语来说，可以说UI的每个组件，即小部件都是独立构建的。因此，您不需要启动整个Flutter应用程序才能查看它们的渲染方式。您可以通过传递属性、模拟数据或伪造事件，在隔离状态下渲染特定的变体。这种方法可以帮助您使代码更易维护和可测试，并且可以更容易地创建复杂的UI。 这种开发范式由Storybook.js广为流传，在Flutter中，像Storybook、Dashbook、Widgetbook等软件包使其成为可能。 下面是Component Driven UI开发Flutter软件包的完整列表。

widgetbook

504

専門家やチームがウィジェットをカタログ化するためのFlutterストーリーブックです。

widgetbook

storybook_flutter

300

Flutterウィジェット用のストーリーブックです。高速な開発およびショーケースのための独立したウィジェットのライブプレビューを提供します。

storybook_flutter

dashbook

113

Flutterで独立したウィジェットを構築するためのショーケース/サンドボックスライブラリです。

dashbook

monarch

95

Monarchのコードジェネレーターです。MonarchはFlutterウィジェットを独立して構築するためのツールです。複雑なUIの構築、テスト、デバッグが容易になります。

flutterbook

42

Flutterウィジェットの開発を加速するためのストーリーボードツールです。

storyboard

27

ウィジェットをアプリから分離してFlutterユーザーインターフェースのより迅速な反復開発を行います。

flutter_design

23

デザインシステムの立ち上げを支援するための完全なフレームワークとツールです。

flutter_design

widgetbook_annotation

13

widgetbook_generatorで使用される注釈パッケージです。

widgetbook_generator

13

コード生成によりwidgetbookパッケージのセットアップとメンテナンスを自動化するためのパッケージです。

demoflu

9

パッケージウィジェットの使用方法を表示するためのWebアプリケーションです。

demoflu

monarch_annotations

7

Monarchのための注釈です。MonarchはFlutterウィジェットを独立して構築するためのツールです。複雑なUIの構築、テスト、デバッグが容易になります。