Builder class

A stateless utility widget whose build method uses its builder callback to create the widget's child.

This widget is an inline alternative to defining a StatelessWidget subclass. For example, instead of defining a widget as follows:

class Foo extends StatelessWidget {
  const Foo({super.key});
  @override
  Widget build(BuildContext context) => const Text('foo');
}

...and using it in the usual way:

// continuing from previous example...
const Center(child: Foo())

...one could instead define and use it in a single step, without defining a new widget class:

Center(
  child: Builder(
    builder: (BuildContext context) => const Text('foo'),
  ),
)

The difference between either of the previous examples and creating a child directly without an intervening widget, is the extra BuildContext element that the additional widget adds. This is particularly noticeable when the tree contains an inherited widget that is referred to by a method like Scaffold.of, which visits the child widget's BuildContext ancestors.

In the following example the button's onPressed callback is unable to find the enclosing ScaffoldState with Scaffold.of:

Widget build(BuildContext context) {
  return Scaffold(
    body: Center(
      child: TextButton(
        onPressed: () {
          // Fails because Scaffold.of() doesn't find anything
          // above this widget's context.
          print(Scaffold.of(context).hasAppBar);
        },
        child: const Text('hasAppBar'),
      )
    ),
  );
}

A Builder widget introduces an additional BuildContext element and so the Scaffold.of method succeeds.

Widget build(BuildContext context) {
  return Scaffold(
    body: Builder(
      builder: (BuildContext context) {
        return Center(
          child: TextButton(
            onPressed: () {
              print(Scaffold.of(context).hasAppBar);
            },
            child: const Text('hasAppBar'),
          ),
        );
      },
    ),
  );
}

See also:

Inheritance

Constructors

Builder({Key? key, required WidgetBuilder builder})
Creates a widget that delegates its build to a callback.
const

Properties

builder WidgetBuilder
Called to obtain the child widget.
final
hashCode int
The hash code for this object.
no setterinherited
key Key?
Controls how one widget replaces another widget in the tree.
finalinherited
runtimeType Type
A representation of the runtime type of the object.
no setterinherited

Methods

build(BuildContext context) Widget
Describes the part of the user interface represented by this widget.
override
createElement() StatelessElement
Creates a StatelessElement to manage this widget's location in the tree.
inherited
debugDescribeChildren() List<DiagnosticsNode>
Returns a list of DiagnosticsNode objects describing this node's children.
inherited
debugFillProperties(DiagnosticPropertiesBuilder properties) → void
Add additional properties associated with the node.
inherited
noSuchMethod(Invocation invocation) → dynamic
Invoked when a nonexistent method or property is accessed.
inherited
toDiagnosticsNode({String? name, DiagnosticsTreeStyle? style}) DiagnosticsNode
Returns a debug representation of the object that is used by debugging tools and by DiagnosticsNode.toStringDeep.
inherited
toString({DiagnosticLevel minLevel = DiagnosticLevel.info}) String
A string representation of this object.
inherited
toStringDeep({String prefixLineOne = '', String? prefixOtherLines, DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a string representation of this node and its descendants.
inherited
toStringShallow({String joiner = ', ', DiagnosticLevel minLevel = DiagnosticLevel.debug}) String
Returns a one-line detailed description of the object.
inherited
toStringShort() String
A short, textual description of this widget.
inherited

Operators

operator ==(Object other) bool
The equality operator.
inherited