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


目录
相关文章
|
15小时前
Flutter 组件(二)文本 与 输入框组件
Flutter 组件(二)文本 与 输入框组件
86 0
|
15小时前
|
容器
Flutter 组件(一)组件概述
Flutter 组件(一)组件概述
62 0
|
15小时前
|
前端开发 搜索推荐 UED
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
【4月更文挑战第30天】探索Flutter的高级UI组件,如`TabBar`、`Drawer`、`BottomSheet`,提升应用体验和美观度。使用高级组件能节省开发时间,提供内置交互逻辑和优秀视觉效果。示例代码展示了如何实现底部导航栏、侧边导航和底部弹出菜单。同时,自定义组件允许个性化设计和功能扩展,但也带来性能优化和维护挑战。参考Flutter官方文档和教程,深入学习并有效利用这些组件。
【Flutter前端技术开发专栏】Flutter中的高级UI组件应用
|
15小时前
|
开发框架 前端开发 搜索推荐
【Flutter前端技术开发专栏】Flutter中的自定义Widget与渲染流程
【4月更文挑战第30天】探索Flutter的自定义Widget与渲染流程。自定义Widget是实现复杂UI设计的关键,优点在于个性化设计、功能扩展和代码复用,但也面临性能优化和复杂性管理的挑战。创建步骤包括设计结构、定义Widget类、实现构建逻辑和处理交互。Flutter渲染流程涉及渲染对象树、布局、绘制和合成阶段。实践案例展示如何创建带渐变背景和阴影的自定义按钮。了解这些知识能提升应用体验并应对开发挑战。查阅官方文档以深入学习。
【Flutter前端技术开发专栏】Flutter中的自定义Widget与渲染流程
|
15小时前
|
JavaScript 前端开发 开发者
【Flutter前端技术开发专栏】Flutter中的Widget与状态管理
【4月更文挑战第30天】本文探讨了Flutter的Widget和状态管理。Widget是Flutter构建UI的基础,分为有状态和无状态两种。状态管理确保UI随应用状态变化更新,影响应用性能和可维护性。文章介绍了`setState`、`Provider`、`Riverpod`、`Bloc`和`Redux`等状态管理方法,并通过计数器应用展示了其实现。选择合适的状态管理策略对高效开发至关重要。
【Flutter前端技术开发专栏】Flutter中的Widget与状态管理
|
15小时前
|
前端开发 开发者 UED
Flutter的自定义Painter:深入探索自定义绘制Widget的技术实现
【4月更文挑战第26天】Flutter的自定义Painter允许开发者根据需求绘制独特UI,通过继承`CustomPaint`类和重写`paint`方法实现。在`paint`中使用`Canvas`绘制图形、路径等。创建自定义Painter类后,将其作为`CustomPaint` Widget的`painter`属性使用。此技术可实现自定义形状、渐变、动画等复杂效果,提升应用视觉体验。随着Flutter的进化,自定义Painter将提供更丰富的功能。
|
15小时前
|
编解码 算法 开发者
Flutter的布局系统:深入探索布局Widget与布局原则
【4月更文挑战第26天】Flutter布局系统详解,涵盖布局Widget(Row/Column、Stack、GridView/ListView、CustomSingleChildLayout)和布局原则(弹性布局、约束优先、流式布局、简洁明了)。文章旨在帮助开发者理解并运用Flutter的布局系统,创建适应性强、用户体验佳的界面。通过选择合适的布局Widget和遵循原则,可实现复杂且高效的UI设计。
|
15小时前
|
开发框架 搜索推荐 Android开发
Flutter的Widget基础:概念、分类与深入探索
【4月更文挑战第26天】Flutter Widget详解:基础、分类与工作原理。Widget是Flutter UI的核心,描述界面外观而非直接渲染。分为基础、布局、可滚动及状态管理四大类。基于响应式编程,状态变化时自动更新UI。了解其概念、分类和原理,能助开发者高效构建精美应用。随着Flutter生态发展,Widget系统潜力无限。
|
15小时前
|
Dart
Flutter 中优雅切换应用主题的组件
【Flutter】使用adaptive_theme组件优雅切换应用主题:封装MaterialApp,支持light/dark/system模式,自定义色彩,保存选择,含调试按钮。安装配置、设置主题、监听切换、自定义颜色、读取配置步骤详细。代码示例与学习路径推荐。[查看完整教程](https://flutter.ducafecat.com/blog/flutter-app-theme-switch)
Flutter 中优雅切换应用主题的组件
|
15小时前
|
索引
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
Flutter.源码分析.flutter/packages/flutter/lib/src/widgets/scroll_view.dart/GridView
33 0

热门文章

最新文章