Skip to content

Nash0x7E2/storyboard

 
 

Repository files navigation

Buy Me A Coffee Donate flutter_storyboard

storyboard

A Flutter Debug tool to see and test all your screens at once.

Demo: https://rodydavis.github.io/storyboard/

screenshot

Getting Started

Wrap your MaterialApp with Storyboard.

return StoryBoard(
      // enabled: true,
      // screenSize: Size(400, 700),
      child: MaterialApp(
        debugShowCheckedModeBanner: false,
        title: 'Flutter Storyboard Example',
        theme: ThemeData.light().copyWith(
          visualDensity: VisualDensity.adaptivePlatformDensity,
        ),
        darkTheme: ThemeData.dark().copyWith(
          visualDensity: VisualDensity.adaptivePlatformDensity,
        ),
        themeMode: ThemeMode.light,
        home: HomeScreen(),
        routes: {
          '/home': (_) => HomeScreen(),
          '/about': (_) => AboutScreen(),
          '/settings': (_) => SettingsScreen(),
        },
      ),
    );

Now you can test all you screens with hot reload! You can also disable the widget at anytime by setting enabled to [false].

Releases

No releases published

Packages

No packages published

Languages

  • C++ 48.9%
  • Dart 20.9%
  • Makefile 14.8%
  • C 5.8%
  • Batchfile 3.5%
  • Swift 2.9%
  • Other 3.2%