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

简介: 【错误记录】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,),


目录
相关文章
|
4天前
|
容器
Flutter Widget 解析
Flutter Widget 解析
|
4天前
|
存储 容器
Flutter 有状态Widget 和 无状态Widget
Flutter 有状态Widget 和 无状态Widget
|
1月前
|
存储 测试技术 Shell
Flutter UT太多导致跑覆盖率报错
Flutter UT太多导致跑覆盖率报错
27 2
|
1月前
深入理解Flutter鸿蒙next版本 中的Widget继承:使用extends获取数据与父类约束
本文详细介绍了Flutter中如何通过继承其他Widget来创建自定义组件。首先解释了Widget继承的基本概念,包括StatelessWidget和StatefulWidget的区别。接着通过具体示例展示了如何继承StatelessWidget和StatefulWidget,并在子类中访问父类的build方法和状态。最后,结合多个自定义Widget展示了如何在实际应用中灵活使用继承和组合来构建复杂的UI。
76 8
|
1月前
|
容器
flutter&鸿蒙next 使用 InheritedWidget 实现跨 Widget 传递状态
在 Flutter 中,状态管理至关重要。本文详细介绍了如何使用 InheritedWidget 实现跨 Widget 的状态传递。InheritedWidget 允许数据在 Widget 树中向下传递,适用于多层嵌套的场景。通过一个简单的计数器示例,展示了如何创建和使用 InheritedWidget,包括其基础概念、工作原理及代码实现。虽然 InheritedWidget 较底层,但它是许多高级状态管理解决方案的基础。
103 2
|
1月前
|
Dart JavaScript 前端开发
Flutter 的 Widget 概述与常用 Widgets 与鸿蒙 Next 的对比
Flutter 是 Google 开发的开源 UI 框架,用于快速构建高性能的移动、Web 和桌面应用。Flutter 通过 Widget 构建 UI,每个 UI 元素都是 Widget,包括文本、按钮、图片等。Widget 不仅描述外观,还描述行为,是不可变的。常见的 Widget 包括结构型(Container、Column、Row)、呈现型(Text、Image)、交互型(ElevatedButton)和状态管理型(StatefulWidget)。Flutter 与鸿蒙 Next 在组件化架构、开发语言、布局系统、性能和跨平台支持方面各有优势
75 0
|
Android开发
【错误记录】Flutter 报错 ( Could not resolve io.flutter:flutter_embedding_debug:1.0.0. )(一)
【错误记录】Flutter 报错 ( Could not resolve io.flutter:flutter_embedding_debug:1.0.0. )(一)
1067 0
【错误记录】Flutter 报错 ( Could not resolve io.flutter:flutter_embedding_debug:1.0.0. )(一)
|
2月前
|
Android开发 iOS开发 容器
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
鸿蒙harmonyos next flutter混合开发之开发FFI plugin
|
28天前
|
开发框架 Dart 前端开发
Flutter 是谷歌推出的一款高效跨平台移动应用开发框架,使用 Dart 语言,具备快速开发、跨平台支持、高性能、热重载及美观界面等特点。
Flutter 是谷歌推出的一款高效跨平台移动应用开发框架,使用 Dart 语言,具备快速开发、跨平台支持、高性能、热重载及美观界面等特点。本文从 Flutter 简介、特点、开发环境搭建、应用架构、组件详解、路由管理、状态管理、与原生代码交互、性能优化、应用发布与部署及未来趋势等方面,全面解析 Flutter 技术,助你掌握这一前沿开发工具。
56 8
|
28天前
|
存储 JavaScript 前端开发
在Flutter开发中,状态管理至关重要。随着应用复杂度的提升,有效管理状态成为挑战
在Flutter开发中,状态管理至关重要。随着应用复杂度的提升,有效管理状态成为挑战。本文介绍了几种常用的状态管理框架,如Provider和Redux,分析了它们的基本原理、优缺点及适用场景,并提供了选择框架的建议和使用实例,旨在帮助开发者提高开发效率和应用性能。
35 4