styled_widget 0.2.0+2

Simplifying your widget tree structure by defining widget using methods.

Simplifying your widget tree structure by defining widgets using methods.

  

Thanks to the introduction of extension methods in Dart 2.7.0, styled_widget makes it possible to build widget tree`s more readable and efficient.
styled_widget is build as a tool to enhance your Flutter development experience and to seamlessly integrate with your codebase.

Text('hello world', style: _textStyle)
  .padding(all: 20)
  .decorated(
    borderRadius: BorderRadius.circular(10),
    gradient: _gradient,
  )
  .alignment(Alignment.center)

Raw Flutter (click to show)

Align(
  alignment: Alignment.center,
  child: DecoratedBox(
    decoration: BoxDecoration(
      borderRadius: BorderRadius.circular(10),
      gradient: _gradient,
    ),
    child: Padding(
      padding: EdgeInsets.all(20),
      child: Text(
        'hello world',
        style: _textStyle,
      ),
    ),
  ),
);

Showcase

Design, Code	Design, Code	Design, Code

Docs

See the documentation at styled_widget/wiki for more information about using styled_widget!

Quicklinks

• Home
• Core concept
• Widgets
• Animations
• List of methods
• Examples
  • demo app
  • japan style
  • toggle animation
  • styled_widget logo
  • Basic text example
• Contributing