Flutter布局报错：未找到Directionality组件，求解决方案

错误原因 #

嘿，我来帮你搞定这个问题！你遇到的这个断言错误，核心问题是Flutter的Text组件需要一个Directionality组件来确定文本的排版方向（比如从左到右LTR，还是从右到左RTL）。你的代码里直接把MyHome作为runApp的参数，上层没有提供这个必要的上下文组件，所以Text找不到方向信息就报错了。

另外还要提一句，你代码里的textAlign: center是语法错误，得改成textAlign: TextAlign.center哦。

修复方案 #

有两种简单的方式可以解决这个问题：

方案1：用MaterialApp包裹你的根Widget（推荐）

MaterialApp是Flutter Material设计规范的根组件，它内部已经包含了Directionality、Theme等必要的上下文组件，是日常开发最常用的做法：

import 'package:flutter/material.dart';

void main(){
  runApp(const MyApp()); 
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp( // 添加MaterialApp作为根组件
      home: MyHome(),
    );
  }
}

class MyHome extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return const Text(
      "Deliver features faster", 
      textAlign: TextAlign.center, // 修正对齐参数的写法
    );
  }
}

方案2：手动添加Directionality组件

如果你不需要Material设计的其他特性，也可以直接给Text包裹一个Directionality组件，手动指定文本方向：

import 'package:flutter/material.dart';
import 'package:flutter/widgets.dart';

void main(){
  runApp(const MyHome()); 
}

class MyHome extends StatelessWidget{
  @override
  Widget build(BuildContext context){
    return const Directionality(
      textDirection: TextDirection.ltr, // 指定从左到右的文本排版方向
      child: Text(
        "Deliver features faster", 
        textAlign: TextAlign.center, // 修正对齐参数的写法
      ),
    );
  }
}

补充说明 #

Flutter的很多组件都依赖上层上下文提供的配置信息，Text就是其中之一——它需要知道文本的排版方向来正确计算对齐、换行等布局逻辑。MaterialApp/CupertinoApp作为官方推荐的根组件，已经帮我们封装了这些基础配置，所以日常开发中优先用它们来作为App的根，能避免很多这类上下文缺失的问题。

内容的提问来源于stack exchange，提问作者Ravindra Bhanderi