Skip to content

Problems with using RichText in the Web #62749

@songhuaixu

Description

@songhuaixu

Column( children: <Widget>[ RichText( text: WidgetSpan( child: Container( child: Text("text"), ), ), ), ], );

flutter  --version
Flutter 1.21.0-6.0.pre.141 • channel master •
https://github.com/flutter/flutter.git
Framework • revision c748f1a7aa (2 days ago) • 2020-07-31 17:45:18 -0700
Engine • revision 280bbfc763
Tools • Dart 2.10.0 (build 2.10.0-2.0.dev bd528bfbd6)
Logs
════════ Exception caught by rendering library ═════════════════════════════════════════════════════
The following LateInitializationErrorImpl was thrown during performLayout():
LateInitializationError: Field '_placeholderCount' has not been initialized.

The relevant error-causing widget was: 
  RichText file:///Users/User/{MyAPP}/lib/mine_exam/mine_exam.dart:89:43
When the exception was thrown, this was the stack: 
dart-sdk/lib/_internal/js_dev_runtime/private/ddc_runtime/errors.dart 212:49  throw_
lib/_engine/engine/text/paragraph.dart 1047:12                                get [_placeholderCount]
lib/_engine/engine/text/paragraph.dart 1046:31                                get placeholderCount
packages/flutter/src/widgets/widget_span.dart 110:19                          build
packages/flutter/src/painting/text_painter.dart 560:13                        layout
...
The following RenderObject was being processed when the exception was fired: RenderParagraph#f79ab relayoutBoundary=up3 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
...  parentData: <none> (can use size)
...  constraints: BoxConstraints(0.0<=w<=506.0, h=100.0)
...  size: MISSING
...  textAlign: start
...  textDirection: ltr
...  softWrap: wrapping at box width
...  overflow: clip
...  locale: en_US
...  maxLines: unlimited
  text: WidgetSpan#4ddce
    alignment: bottom
RenderObject: RenderParagraph#f79ab relayoutBoundary=up3 NEEDS-LAYOUT NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE
  parentData: <none> (can use size)
  constraints: BoxConstraints(0.0<=w<=506.0, h=100.0)
  size: MISSING
  textAlign: start
  textDirection: ltr
  softWrap: wrapping at box width
  overflow: clip
  locale: en_US
  maxLines: unlimited
  text: WidgetSpan#4ddce
    alignment: bottom
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
Assertion failed: file:///Users/User/flutter/packages/flutter/lib/src/rendering/box.dart:1713:12
hasSize
"RenderBox was not laid out: RenderParagraph#f79ab relayoutBoundary=up3 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE"
The relevant error-causing widget was: 
  Container file:///Users/User/Documents/{MyAPP}/lib/mine_exam/mine_exam.dart:89:13
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
Assertion failed: file:///Users/User/flutter/packages/flutter/lib/src/rendering/box.dart:1713:12
hasSize
"RenderBox was not laid out: RenderConstrainedBox#128f1 relayoutBoundary=up2 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE"
The relevant error-causing widget was: 
  Column file:///Users/User/{MyAPP}/lib/mine_exam/mine_exam.dart:64:15
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
Assertion failed: file:///Users/User/flutter/packages/flutter/lib/src/rendering/box.dart:1713:12
hasSize
"RenderBox was not laid out: RenderFlex#983ac relayoutBoundary=up1 NEEDS-PAINT NEEDS-COMPOSITING-BITS-UPDATE"
The relevant error-causing widget was: 
  Scaffold file:///Users/User/{MyAPP}/lib/mine_exam/mine_exam.dart:61:12
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
'<Unexpected Null Value>'
method not found
Receiver: null
Arguments: []
The relevant error-causing widget was: 
  Column file:///Users/User/{MyAPP}/lib/mine_exam/mine_exam.dart:64:15
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by scheduler library ═════════════════════════════════════════════════════
Assertion failed: file:///Users/User/flutter/packages/flutter/lib/src/rendering/box.dart:1713:12
hasSize
"RenderBox was not laid out: RenderPointerListener#6763f NEEDS-LAYOUT NEEDS-PAINT"
════════════════════════════════════════════════════════════════════════════════════════════════════

════════ Exception caught by scheduler library ═════════════════════════════════════════════════════
Assertion failed: file:///Users/User/flutter/packages/flutter/lib/src/rendering/mouse_tracking.dart:354:12
!_debugDuringDeviceUpdate
is not true
════════════════════════════════════════════════════════════════════════════════════════════════════

Metadata

Metadata

Assignees

No one assigned

    Labels

    P1High-priority issues at the top of the work lista: null-safetySupport for Dart's null safety featurea: typographyText rendering, possibly libtxtc: crashStack traces logged to the consolefound in release: 1.21Found to occur in 1.21frameworkflutter/packages/flutter repository. See also f: labels.has reproducible stepsThe issue has been confirmed reproducible and is ready to work onplatform-webWeb applications specifically

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions