概述

#

RenderEditable 的实例在处理命中测试之前必须先进行布局。尝试在布局之前命中测试 RenderEditable 对象会导致断言失败,如下所示:

Failed assertion: line 123 pos 45: '!debugNeedsLayout': is not true.

背景

#

为了在可选文本中支持手势识别器,RenderEditable 需要其文本跨度的布局信息,以确定哪个文本跨度接收指针事件。(在此更改之前,RenderEditable 对象在评估命中测试时不会考虑其文本。)为了实现这一点,布局被设为了在 RenderEditable 对象上执行命中测试的先决条件。

实际上,这很少成为问题。小部件库确保在对所有渲染对象进行任何命中测试之前都会执行布局。此问题仅可能在直接与渲染对象交互的代码中看到,例如自定义渲染对象的测试中。

迁移指南

#

如果您在命中测试 RenderEditable 时看到 '!debugNeedsLayout': is not true 断言错误,请先布局 RenderEditable,然后再进行命中测试。

迁移前的代码

dart
import 'package:flutter/rendering.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:flutter/material.dart';

void main() {
  test('attach and detach correctly handle gesture', () {
    final RenderEditable editable = RenderEditable(
      textDirection: TextDirection.ltr,
      offset: ViewportOffset.zero(),
      textSelectionDelegate: FakeEditableTextState(),
      startHandleLayerLink: LayerLink(),
      endHandleLayerLink: LayerLink(),
    );
    final PipelineOwner owner = PipelineOwner(onNeedVisualUpdate: () {});
    editable.attach(owner);
    // This throws an assertion error because
    // the RenderEditable hasn't been laid out.
    editable.handleEvent(const PointerDownEvent(),
        BoxHitTestEntry(editable, const Offset(10, 10)));
    editable.detach();
  });
}

class FakeEditableTextState extends TextSelectionDelegate {
  @override
  TextEditingValue textEditingValue;
  @override
  void hideToolbar() {}
  @override
  void bringIntoView(TextPosition position) {}
}

迁移后的代码

dart
import 'package:flutter/rendering.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:flutter/material.dart';

void main() {
  test('attach and detach correctly handle gesture', () {
    final RenderEditable editable = RenderEditable(
      textDirection: TextDirection.ltr,
      offset: ViewportOffset.zero(),
      textSelectionDelegate: FakeEditableTextState(),
      startHandleLayerLink: LayerLink(),
      endHandleLayerLink: LayerLink(),
    );
    // Lay out the RenderEditable first.
    editable.layout(BoxConstraints.loose(const Size(1000.0, 1000.0)));
    final PipelineOwner owner = PipelineOwner(onNeedVisualUpdate: () {});
    editable.attach(owner);
    editable.handleEvent(const PointerDownEvent(),
        BoxHitTestEntry(editable, const Offset(10, 10)));
    editable.detach();
  });
}

class FakeEditableTextState extends TextSelectionDelegate {
  @override
  TextEditingValue textEditingValue;
  @override
  void hideToolbar() {}
  @override
  void bringIntoView(TextPosition position) {}
}

时间线

#

发布版本:1.18.0
稳定版本中:1.20

参考资料

#

API 文档

相关议题

  • 问题 43494:SelectableText.rich 与 TapGestureRecognizer 一起使用时不起作用

相关 PR