Flutter中设置TextDirection.rtl后AppBar返回按钮未靠右问题

问题原因 #

你仅在首页外层包裹Directionality设置了RTL，但通过Navigator.push打开的新页面不在该Directionality的上下文范围内，导致新页面的AppBar无法继承RTL配置，返回按钮仍保持默认左对齐。

解决方案 #

方案1：全局配置（推荐）

直接在MaterialApp层面设置textDirection，整个应用的所有页面都会自动继承RTL布局：

return const MaterialApp(
  debugShowCheckedModeBanner: false,
  title: appTitle,
  textDirection: TextDirection.rtl, // 全局设置RTL
  home: MyHomePage(title: appTitle),
);

方案2：给新页面单独添加RTL上下文

如果不需要全局RTL，可在新页面的根节点包裹Directionality：

return Directionality(
  textDirection: TextDirection.rtl,
  child: Scaffold(
    appBar: AppBar(title: Text("Settings")),
  ),
);

方案3：复用当前上下文的RTL配置

导航时直接读取当前页面的Directionality并传递给新页面，确保布局一致：

Navigator.push(
  context,
  MaterialPageRoute(
    builder: (BuildContext context) => Directionality(
      textDirection: Directionality.of(context),
      child: const SettingsView(),
    ),
  ),
);

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