leanflutter / widget-livebook

Live preview example for flutter widgets.

Flutter Widget Livebook

Visit https://widget-livebook.leanflutter.dev

---

• Introduction
• Quick Start
  • Prerequisites
  • Installation
  • Starting Development
  • Building for Production
• Related Links
• Discussion
• License

Introduction

Flutter Widget Livebook is a website built with Flutter for web to live preview widget samples online.

Quick Start

Prerequisites

Before starting make sure you have:

• Installed pnpm

Installation

$ melos bootstrap
$ cd storybook
$ pnpm install
$ pnpm build-preview-app

Starting Development

$ cd storybook
$ pnpm storybook

Building for Production

$ yarn build

Related Links

• https://flutter.dev
• https://www.youtube.com/playlist?list=PLjxrf2q8roU23XGwz3Km7sQZFTdB996iG

Discussion

If you have any suggestions or questions about this project, you can discuss it by Telegram Group with me.

License

MIT

widget-livebook's Issues

Cannot find snackbar widget

Cannot find snackbar widget

网址换了吗？

挂了

Expanded widget main example is missing brackets

The Expanded widget documentation example at https://flutter-widget.live/widgets/Expanded has missing brackets

Center(
  child: Column(
  children: <Widget>[
    Container(
      color: Colors.red,
      height: 100,
      width: 100,
    ),
    Expanded(
      child: Container(
        color: Colors.blue,
        width: 100,
      ),
    ),
    Container(
      color: Colors.red,
      height: 100,
      width: 100,
    ),
  ],
)

Note the missing final ), thus this code cannot be copy pasted into existing code without generating errors. It should be:

Center(
        child: Column(
          children: <Widget>[
            Container(
              color: Colors.red,
              height: 100,
              width: 100,
            ),
            Expanded(
              child: Container(
                color: Colors.blue,
                width: 100,
              ),
            ),
            Container(
              color: Colors.red,
              height: 100,
              width: 100,
            ),
          ],
        ),
      ),

P.S. This issue originally reported to the wrong repo. Hopefully we are now in the correct one.

How to run Chrome extension?

I downloaded the Chrome extension and when I click on the extension from a pub.deb plugin page, it just leads me to https://flutter-widget.live/basics/introduction. How do I view plugins from pub.dev?

FLutter web issue

You must have a dependency on build_runner in pubspec.yaml.

pubspec.yaml

dev_dependencies:
build_runner: >=1.6.2 <2.0.0
You must have a dependency on build_web_compilers in pubspec.yaml.

pubspec.yaml

dev_dependencies:
build_web_compilers: >=2.6.1 <3.0.0
You have a dependency on cupertino_icons which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on flutter which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on flutter_test which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
pub finished with exit code 78

I am getting above issue while running flutter web.
After adding build_runner and build_web_compilers dependencies

I am getting below errors

You have a dependency on cupertino_icons which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on flutter which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.
You have a dependency on flutter_test which is not supported for flutter_web tech preview. See https://flutter.dev/web for more details.

and after removing cupertino_icons,flutter and flutter_test from pubspec.Yaml file project is running but Its not included main.dat file only index.html is running then what is the use of Flutter Web
Can anyone suggest y this is happening ?

建议左侧菜单栏做成可滚动的，否则点击下面的菜单还要返回到顶部查看内容，感谢~