Create style object which could be shared betwen Widgets about styled_widget HOT 3 OPEN

Interesting concept. I have thought a bit about it myself. So far i have implemented the .parent() method which takes a function with a child as its parameter.

Widget _style({@required Widget child}) => child
  .padding(all: 20)
  .backgroundColor(Colors.blue);

AnotherWidget()
  .parent(_style);

But maybe there is a way to make it more intuitive with some sort of Style concept.
For example:

final Styled _style = Styled()
  .padding(all: 20)
  .backgroundColor(Colors.blue);

AnotherWidget()
  .style(_style);

and

final _style = (bool active) => Styled()
  .padding(all: active ? 0 : 20)
  .backgroundColor(Colors.blue);

final bool _isActive = false;

AnotherWidget()
  .style(_style(_isActive));

from styled_widget.

A downside with this method is that it's hard to modify. With css it's easy to override for example the padding, but it's not so easy with this method.

from styled_widget.

What if Styled had a .copyWith

from styled_widget.