Display all stand alone widgets in a nice UI

Overview

flutter_organized_widgets

Display all stand alone widgets in a nice UI

Video

How to install

Add to dependencies:

  flutter_organized_widgets:
    git: https://github.com/Norbert515/flutter_organized_widgets.git

add to dev_dependencies:

  build_runner: [appropriate build_runner version]

Because of the migration to NNDT build_runner might cause trouble depending on your flutter channel/version. You might have to fork and change the build_runner versions.

Annotate widgets

For every widget you'd like to have included in the overview, add the @reflector annotation

@reflector
class FancyContainer extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: 100,
      height: 100,
      color: Colors.indigo,
    );
  }
}

if the widget needs parameters:

@reflector
@Defaults(
  [],
  positioned: {
    'imageProvider': NetworkImage(
        "https://images.unsplash.com/photo-1546072533-675fd58d08e8?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=1000&q=80"),
    'text': "This is a nice video",
    "width": 300.0,
    "height": 150.0,
    "elevation": 8.0,
    'fit': BoxFit.cover,
  }

)
class VideoCard extends StatelessWidget {

...

}

Run the gallery

Run :

flutter pub run flutter_organized_widgets:display_widgets 

you may pass

-p: [windows|linux|macos] (platform)
-f [path-to-flutter/bin/flutter]) (if you are using separate flutter installation
You might also like...

A textField widget to help display different style pin

A textField widget to help display different style pin

pin_input_text_field 中文版点我 PinInputTextField is a TextField widget to help display different style pin. It supports all the platforms flutter supports

Jan 4, 2023

HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps.

HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps.

flutter_colorpicker HSV(HSB)/HSL/RGB/Material color picker inspired by all the good design for your amazing flutter apps. Adorable color pickers out o

Dec 30, 2022

This package provides some widgets you can use to create a smooshy UI.

This package provides some widgets you can use to create a smooshy UI.

Dough Library Squishy widgets for Flutter. Quick Links Dough Demos Here are a few samples of the different widgets provided by this repo. You can find

Dec 23, 2022

Flutter Widgets that you can touch and feel

Flutter Widgets that you can touch and feel

Flutter widgets you haven't used yet. Problems that proximity solves Currently, Flutter has a lot of useful pre-built widgets, no, too many widgets. T

Nov 8, 2022

Responsive Sizer helps implement are responsive layout by providing helper widgets and extensions

Responsive Sizer helps implement are responsive layout by providing helper widgets and extensions

Responsive Sizer Responsive Sizer helps implement a responsive layout by providing helper widgets and extensions Content Installation Parameters Take

Jan 3, 2023

A wrapper to show a scroll to top prompt to the user on scrollable widgets.

A wrapper to show a scroll to top prompt to the user on scrollable widgets.

flutter_scroll_to_top A wrapper to show a scroll to top prompt to the user on scrollable widgets. Installing Add the following dependency to your pubs

May 16, 2022

A Flutter package that enables users to resize the internal widgets by dragging.

A Flutter package that enables users to resize the internal widgets by dragging.

resizable_widget ResizableWidget enables users to resize the internal widgets by dragging. This package contains simple APIs, but if needed, you can c

Dec 2, 2022

🔥 Flutter Widgets 掘金对应专栏,欢迎关注

🔥 Flutter Widgets 掘金对应专栏,欢迎关注

Flutter Widgets 示例集合 本项目基于 Flutter 2.2.1 版本,是系列 Flutter Widget 示例源码,有对应的文章详细讲解,持续更新敬请关注。 在线预览 全景脑图 持续更新中 掘金专栏 欢迎关注 已完成文章 AnimatedContainer ClipRRect、C

Dec 14, 2022

Code generation for Flutter Padding widgets based on your constants

Paddinger Paddinger is a Flutter package to generate Padding widgets. Given a set of constants like: @paddinger const double PADDING_NORMAL = 8; A set

Oct 20, 2022
Owner
Norbert Kozsir
Student, Android Developer, Machine-Learning enthusiast and in love with flutter. Follow me in twitter @ norbertkozsir
Norbert Kozsir
Foody - Flutter project to display foods to clients and display charts and has a lot of features , two flutter apps : Android and Web

Foody Flutter project to display foods to the clients and use charts and use a lot of features to complete the process (HUGE APP) There two apps: Andr

ABDULKARIMALBAIK 1 Feb 7, 2022
A flutter package to display a country, states, and cities. In addition it gives the possibility to select a list of countries, States and Cities depends on Selected, also you can search country, state, and city all around the world.

A flutter package to display a country, states, and cities. In addition it gives the possibility to select a list of countries, States and Cities depends on Selected, also you can search country, state, and city all around the world.

Altaf Razzaque 25 Dec 20, 2022
Nice and clean Online Shop app UI by using #Flutter.

On our E-commerce app UI has two pages one for the product page which has a horizontal list of categories then a list of our products. Then on the details page, it shows the price and short description of the product with the Buy Now button. The best part of our E-commerce app is, each product has its own color which looks great.

Abu Anwar 1.7k Jan 3, 2023
🛍 A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

?? A full E-commerce app with nice UI consists of on-boarding, login, sign-up, home, product details, cart and user profile.

null 56 Nov 27, 2022
Nice clean plant app UI using flutter

Plant App - Flutter UI Watch it on YouTube Packages we are using: flutter_svg: link Nice clean plant app UI using flutter, the Home page you will get

null 0 Nov 24, 2021
A nice clean Motorcycle Helmets Online Store Mobile App UI

Motorcycle Helmets Online Store - Mobile App Watch it on YouTube Motorcycle Helmets Online Store A nice clean Motorcycle Helmets Online Store Mobile A

Tushar Mahmud 4 Mar 29, 2022
A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

A nice clean onboarding screen for your e-commerce app that can run both Andriod and iOS devices because it builds with flutter

null 23 Dec 4, 2022
Allows widgets to be zoomed in and out by inserting a OverlayEntry which allows the widget to be on the front at all times.

zoom_pinch_overlay An instagram style pinch and zoom widget for all platform completely written in pure dart! All other "zoom_pinch" package doesnt di

Samuel 18 Nov 29, 2022
This Dart package offers developers a streamlined library of Flutter widgets, useful for expanding widgets and text views, when users interact with them.

This Dart package offers developers a streamlined library of Flutter widgets, useful for expanding widgets and text views, when users interact with them.

Jesús Rodríguez 44 Dec 6, 2022
A flutter package which makes it easier to display the difference between two images.

?? Before After A flutter package which makes it easier to display the differences between two images.. The source code is 100% Dart, and everything r

Sahil Kumar 741 Dec 30, 2022