How to reuse non Widget classes in Flutter?

Question

I know we are supposed to use composition over inheritance in Flutter. And that works great when we are talking about Widgets.

But what am I supposed to do when a class is not a Widget? For example, I want my TextFields in some screens to have a specific set of values in their InputDecoration.

Should I extend InputDecoration? How can I reuse this specific InputDecoration in many TextFields?

EDIT: Following Rémi Rousselet's guidance, I extended InputDecoration. Here's the final result:


class LoginInputDecoration extends InputDecoration {
  @override
  InputBorder get errorBorder =>
      UnderlineInputBorder(borderSide: BorderSide(color: AppColors.danger));

  @override
  EdgeInsetsGeometry get contentPadding => const EdgeInsets.symmetric(
        horizontal: Dimens.halfSpace,
        vertical: Dimens.singleSpace,
      );

  @override
  InputBorder get border =>
      UnderlineInputBorder(borderSide: BorderSide(color: AppColors.primary));

  @override
  TextStyle get labelStyle =>
      TextStyle(color: AppColors.white, decorationColor: AppColors.white);

  @override
  InputBorder get enabledBorder =>
      UnderlineInputBorder(borderSide: BorderSide(color: AppColors.primary));

  @override
  TextStyle get hintStyle =>
      TextStyle(color: AppColors.white, decorationColor: AppColors.white);

  LoginInputDecoration({String labelText}) : super(labelText: labelText);
}

Rémi Rousselet · Accepted Answer · 2019-08-09 12:56:34Z

3

Sure. The "don't extend widgets" is really limited to that: widgets.

The real reason behind that "limitation" is that extending widgets do not allow to properly change the style of a widget, due to how build works. So extending widgets do not make sense.

But that reason does not apply to other kinds of objects. So don't worry and go ahead!

There are many examples available in Flutter already. For example, Alignment is a subclass of AlignmentGeometry.

answered Aug 9, 2019 at 12:56

Rémi Rousselet

280k89 gold badges559 silver badges456 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Rod Over a year ago

Thanks! You are right, I managed to solve this using inheritance. I'll update my question with some code to show it.

user2244131 · Accepted Answer · 2022-08-02 16:08:51Z

0

I have extended the Decoration class, the TextInputFormatter and TextFieldValidator class with great success for front end UI development and easy to recommend.

Decoration class to put a dotted line border around Containers. TextInputFormatter for credit card number entry TextFieldValidator for expiry date credit card validation.

answered Aug 2, 2022 at 16:08

user2244131

832 silver badges10 bronze badges

Collectives™ on Stack Overflow

How to reuse non Widget classes in Flutter?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related