【错误记录】Flutter 组件报错 ( No Directionality widget found. | RichText widgets require a Directionality )





一、报错信息



报错信息 :

Performing hot reload...
Syncing files to device Pixel 2...
Reloaded 0 libraries in 353ms.

======== Exception caught by widgets library =======================================================
The following assertion was thrown building Text("动画状态 : null"):
No Directionality widget found.

RichText widgets require a Directionality widget ancestor.

The specific widget that could not find a Directionality ancestor was: RichText
  softWrap: wrapping at box width
  maxLines: unlimited
  text: "动画状态 : null"
  dirty
The ownership chain for the affected widget is: "RichText ← Text ← Column ← Padding ← Container ← AnimationApp ← [root]"

Typically, the Directionality widget is introduced by the MaterialApp or WidgetsApp widget at the top of your application widget tree. It determines the ambient reading direction and is used, for example, to determine how to lay out text, how to interpret "start" and "end" values, and to resolve EdgeInsetsDirectional, AlignmentDirectional, and other *Directional objects.

The relevant error-causing widget was: 
  Text file:///D:/002_Project/002_Android_Learn/flutter_animation/lib/main.dart:118:11
When the exception was thrown, this was the stack: 
#0      debugCheckHasDirectionality.<anonymous closure> (package:flutter/src/widgets/debug.dart:272:7)
#1      debugCheckHasDirectionality (package:flutter/src/widgets/debug.dart:292:4)
#2      RichText.createRenderObject (package:flutter/src/widgets/basic.dart:5539:37)
#3      RenderObjectElement.mount (package:flutter/src/widgets/framework.dart:5423:28)
#4      MultiChildRenderObjectElement.mount (package:flutter/src/widgets/framework.dart:6166:11)
...
====================================================================================================

======== Exception caught by widgets library =======================================================
No Directionality widget found.
The relevant error-causing widget was: 
  Text file:///D:/002_Project/002_Android_Learn/flutter_animation/lib/main.dart:120:11
====================================================================================================

======== Exception caught by rendering library =====================================================
A RenderFlex overflowed by 199358 pixels on the bottom.
The relevant error-causing widget was: 
  Column file:///D:/002_Project/002_Android_Learn/flutter_animation/lib/main.dart:96:14
====================================================================================================

在这里插入图片描述

报错组件 :

Text("动画状态 : $animationStatus"),
Text("动画值 : $animationValue"),




二、解决方案



Flutter 中 Text 组件需要设置文本方向 ;

修改后的代码为 :

Text("动画状态 : $animationStatus", textDirection: TextDirection.ltr,),
Text("动画值 : $animationValue", textDirection: TextDirection.ltr,),
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值