Flutter/dart and static Widget methods. bad pattern?

Question

I have a ui.dart file and UIBuilder.class in it:

class UI {

  static Widget buildButton(String text, VoidCallback onPressed, {double width, ...}) {
    return SizedBox(
        width: width,
        child: RaisedButton(
             ...
            onPressed: onPressed));
  }

  ... 
  static Widget buildOtherWidget(...)
  ....

}

Then just call it in a lot of Screen/Page:

var btn = UI.buildButton(..);

Is it a bad pattern in flutter/dart? If yes, how can I change it?

See also: https://stackoverflow.com/questions/53234825/what-is-the-difference-between-functions-and-classes-to-create-reusable-widgets/53234826#53234826 — Syed Ali, Mar 10 '23 at 22:01

score 2 · Answer 1 · answered Dec 14 '19 at 04:13

I think it can be much more efficient if you are creating a separate file for creating all your reusable widgets like,

import 'package:flutter/material.dart';

Widget buildButton(String text, VoidCallback onPressed, {double width, ...}) {
    return SizedBox(
        width: width,
        child: RaisedButton(
             ...
            onPressed: onPressed));
  }

Widget buildSecondWidget(){
// block of code 
}

Widget buildThirdWidget(){
// block of code 
}

This way you can as many global widgets you want. You just need to import this file and you can access any of the reusable widget and there will be not a static reference throughout the app lifecycle.

So i think approach will be more efficient than creating stateful widgets inside a class.

so basically I need to remove the UIBuilder class from the header and all static word, and thats it? And perhaps refactor the code when I used UiBuilder.buildAnything to buildAnything... — johndoe82, Jan 07 '20 at 13:33

score 1 · Answer 2 · answered Dec 13 '19 at 20:27

1

It's not clear to me if this perhaps breaks the change detection. If you break the change detection, you'll get either very inefficient code (too many builds) or broken code (not enough builds).

answered Dec 13 '19 at 20:27

Randal Schwartz

39,428
4
43
70

score 0 · Answer 3 · answered Dec 14 '19 at 03:24

no this could not be a bad pattern as it's not a bad pattern to create a custom widget. both your helper static methods and custom widgets are just creating a new instance of a widget. so it is completely fine to use static methods to create new widgets all over your app screens

score 0 · Answer 4 · answered Dec 14 '19 at 04:05

0

As long as your static methods are pure functions, it is not a bad practice to do this.

answered Dec 14 '19 at 04:05

Kalpesh Kundanani

5,413
4
22
32

Flutter/dart and static Widget methods. bad pattern?

4 Answers4