layout_builder.dart 9.28 KB
Newer Older
Ian Hickson's avatar
Ian Hickson committed
1
// Copyright 2014 The Flutter Authors. All rights reserved.
2 3 4
// Use of this source code is governed by a BSD-style license that can be
// found in the LICENSE file.

5
import 'package:flutter/foundation.dart';
6 7
import 'package:flutter/rendering.dart';

8 9 10
import 'debug.dart';
import 'framework.dart';

11
/// The signature of the [LayoutBuilder] builder function.
12
typedef LayoutWidgetBuilder = Widget Function(BuildContext context, BoxConstraints constraints);
13

14
/// An abstract superclass for widgets that defer their building until layout.
15 16
///
/// Similar to the [Builder] widget except that the framework calls the [builder]
17 18 19 20
/// function at layout time and provides the constraints that this widget should
/// adhere to. This is useful when the parent constrains the child's size and layout,
/// and doesn't depend on the child's intrinsic size.
abstract class ConstrainedLayoutBuilder<ConstraintType extends Constraints> extends RenderObjectWidget {
21 22
  /// Creates a widget that defers its building until layout.
  ///
23 24 25
  /// The [builder] argument must not be null, and the returned widget should not
  /// be null.
  const ConstrainedLayoutBuilder({
26
    Key key,
27
    @required this.builder,
28 29
  }) : assert(builder != null),
       super(key: key);
30 31

  @override
32
  _LayoutBuilderElement<ConstraintType> createElement() => _LayoutBuilderElement<ConstraintType>(this);
33

34 35 36 37
  /// Called at layout time to construct the widget tree.
  ///
  /// The builder must not return null.
  final Widget Function(BuildContext, ConstraintType) builder;
38 39

  // updateRenderObject is redundant with the logic in the LayoutBuilderElement below.
40 41
}

42 43
class _LayoutBuilderElement<ConstraintType extends Constraints> extends RenderObjectElement {
  _LayoutBuilderElement(ConstrainedLayoutBuilder<ConstraintType> widget) : super(widget);
44 45

  @override
46
  ConstrainedLayoutBuilder<ConstraintType> get widget => super.widget as ConstrainedLayoutBuilder<ConstraintType>;
47 48

  @override
49
  RenderConstrainedLayoutBuilder<ConstraintType, RenderObject> get renderObject => super.renderObject as RenderConstrainedLayoutBuilder<ConstraintType, RenderObject>;
50 51 52 53 54 55 56 57 58

  Element _child;

  @override
  void visitChildren(ElementVisitor visitor) {
    if (_child != null)
      visitor(_child);
  }

59
  @override
60
  void forgetChild(Element child) {
61 62
    assert(child == _child);
    _child = null;
63
    super.forgetChild(child);
64 65
  }

66 67
  @override
  void mount(Element parent, dynamic newSlot) {
68
    super.mount(parent, newSlot); // Creates the renderObject.
69
    renderObject.updateCallback(_layout);
70 71 72
  }

  @override
73
  void update(ConstrainedLayoutBuilder<ConstraintType> newWidget) {
74 75 76
    assert(widget != newWidget);
    super.update(newWidget);
    assert(widget == newWidget);
77
    renderObject.updateCallback(_layout);
78 79 80
    renderObject.markNeedsLayout();
  }

81 82 83 84 85
  @override
  void performRebuild() {
    // This gets called if markNeedsBuild() is called on us.
    // That might happen if, e.g., our builder uses Inherited widgets.
    renderObject.markNeedsLayout();
86
    super.performRebuild(); // Calls widget.updateRenderObject (a no-op in this case).
87 88
  }

89 90
  @override
  void unmount() {
91
    renderObject.updateCallback(null);
92 93 94
    super.unmount();
  }

95
  void _layout(ConstraintType constraints) {
96 97 98
    owner.buildScope(this, () {
      Widget built;
      if (widget.builder != null) {
99 100 101 102
        try {
          built = widget.builder(this, constraints);
          debugWidgetBuilderValue(widget, built);
        } catch (e, stack) {
103 104 105 106 107 108 109 110
          built = ErrorWidget.builder(
            _debugReportException(
              ErrorDescription('building $widget'),
              e,
              stack,
              informationCollector: () sync* {
                yield DiagnosticsDebugCreator(DebugCreator(this));
              },
111
            ),
112
          );
113
        }
114 115 116 117 118
      }
      try {
        _child = updateChild(_child, built, null);
        assert(_child != null);
      } catch (e, stack) {
119 120 121 122 123 124 125 126
        built = ErrorWidget.builder(
          _debugReportException(
            ErrorDescription('building $widget'),
            e,
            stack,
            informationCollector: () sync* {
              yield DiagnosticsDebugCreator(DebugCreator(this));
            },
127
          ),
128
        );
129 130
        _child = updateChild(null, built, slot);
      }
131
    });
132 133 134 135 136 137
  }

  @override
  void insertChildRenderObject(RenderObject child, dynamic slot) {
    final RenderObjectWithChildMixin<RenderObject> renderObject = this.renderObject;
    assert(slot == null);
138
    assert(renderObject.debugValidateChild(child));
139 140 141 142 143 144 145 146 147 148 149
    renderObject.child = child;
    assert(renderObject == this.renderObject);
  }

  @override
  void moveChildRenderObject(RenderObject child, dynamic slot) {
    assert(false);
  }

  @override
  void removeChildRenderObject(RenderObject child) {
150
    final RenderConstrainedLayoutBuilder<ConstraintType, RenderObject> renderObject = this.renderObject;
151 152 153 154 155 156
    assert(renderObject.child == child);
    renderObject.child = null;
    assert(renderObject == this.renderObject);
  }
}

157 158 159 160 161 162 163 164
/// Generic mixin for [RenderObject]s created by [ConstrainedLayoutBuilder].
///
/// Provides a callback that should be called at layout time, typically in
/// [RenderObject.performLayout].
mixin RenderConstrainedLayoutBuilder<ConstraintType extends Constraints, ChildType extends RenderObject> on RenderObjectWithChildMixin<ChildType> {
  LayoutCallback<ConstraintType> _callback;
  /// Change the layout callback.
  void updateCallback(LayoutCallback<ConstraintType> value) {
165 166 167 168 169 170
    if (value == _callback)
      return;
    _callback = value;
    markNeedsLayout();
  }

171 172 173 174
  /// Invoke the layout callback.
  void layoutAndBuildChild() {
    assert(_callback != null);
    invokeLayoutCallback(_callback);
175
  }
176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197
}

/// Builds a widget tree that can depend on the parent widget's size.
///
/// Similar to the [Builder] widget except that the framework calls the [builder]
/// function at layout time and provides the parent widget's constraints. This
/// is useful when the parent constrains the child's size and doesn't depend on
/// the child's intrinsic size. The [LayoutBuilder]'s final size will match its
/// child's size.
///
/// {@youtube 560 315 https://www.youtube.com/watch?v=IYDVcriKjsw}
///
/// If the child should be smaller than the parent, consider wrapping the child
/// in an [Align] widget. If the child might want to be bigger, consider
/// wrapping it in a [SingleChildScrollView].
///
/// See also:
///
///  * [SliverLayoutBuilder], the sliver counterpart of this widget.
///  * [Builder], which calls a `builder` function at build time.
///  * [StatefulBuilder], which passes its `builder` function a `setState` callback.
///  * [CustomSingleChildLayout], which positions its child during layout.
198
///  * The [catalog of layout widgets](https://flutter.dev/widgets/layout/).
199 200 201 202 203 204
class LayoutBuilder extends ConstrainedLayoutBuilder<BoxConstraints> {
  /// Creates a widget that defers its building until layout.
  ///
  /// The [builder] argument must not be null.
  const LayoutBuilder({
    Key key,
205 206 207
    @required LayoutWidgetBuilder builder,
  }) : assert(builder != null),
       super(key: key, builder: builder);
208

209 210 211 212 213 214 215 216
  @override
  LayoutWidgetBuilder get builder => super.builder;

  @override
  _RenderLayoutBuilder createRenderObject(BuildContext context) => _RenderLayoutBuilder();
}

class _RenderLayoutBuilder extends RenderBox with RenderObjectWithChildMixin<RenderBox>, RenderConstrainedLayoutBuilder<BoxConstraints, RenderBox> {
217 218 219 220 221 222 223 224 225 226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242
  @override
  double computeMinIntrinsicWidth(double height) {
    assert(_debugThrowIfNotCheckingIntrinsics());
    return 0.0;
  }

  @override
  double computeMaxIntrinsicWidth(double height) {
    assert(_debugThrowIfNotCheckingIntrinsics());
    return 0.0;
  }

  @override
  double computeMinIntrinsicHeight(double width) {
    assert(_debugThrowIfNotCheckingIntrinsics());
    return 0.0;
  }

  @override
  double computeMaxIntrinsicHeight(double width) {
    assert(_debugThrowIfNotCheckingIntrinsics());
    return 0.0;
  }

  @override
  void performLayout() {
243
    final BoxConstraints constraints = this.constraints;
244
    layoutAndBuildChild();
245 246 247 248 249 250 251 252 253
    if (child != null) {
      child.layout(constraints, parentUsesSize: true);
      size = constraints.constrain(child.size);
    } else {
      size = constraints.biggest;
    }
  }

  @override
254
  bool hitTestChildren(BoxHitTestResult result, { Offset position }) {
255 256 257 258 259 260 261 262
    return child?.hitTest(result, position: position) ?? false;
  }

  @override
  void paint(PaintingContext context, Offset offset) {
    if (child != null)
      context.paintChild(child, offset);
  }
263 264 265 266 267 268 269 270 271 272 273 274 275 276 277

  bool _debugThrowIfNotCheckingIntrinsics() {
    assert(() {
      if (!RenderObject.debugCheckingIntrinsics) {
        throw FlutterError(
          'LayoutBuilder does not support returning intrinsic dimensions.\n'
          'Calculating the intrinsic dimensions would require running the layout '
          'callback speculatively, which might mutate the live render object tree.'
        );
      }
      return true;
    }());

    return true;
  }
278 279
}

280
FlutterErrorDetails _debugReportException(
281
  DiagnosticsNode context,
282
  dynamic exception,
283 284 285
  StackTrace stack, {
  InformationCollector informationCollector,
}) {
286
  final FlutterErrorDetails details = FlutterErrorDetails(
287 288 289
    exception: exception,
    stack: stack,
    library: 'widgets library',
290
    context: context,
291
    informationCollector: informationCollector,
292 293 294
  );
  FlutterError.reportError(details);
  return details;
295
}