Flutter中如何修改Expansion Tile的方向以适配RTL布局

以下是三种可行的实现方式，可根据实际业务需求选择：

• 全局配置RTL
  如果你的整个应用都是波斯语RTL布局，直接在根MaterialApp中设置全局文本方向，所有内置组件包括ExpansionTile、Drawer都会自动适配RTL规则：

MaterialApp(
  debugShowCheckedModeBanner: false,
  textDirection: TextDirection.rtl,
  home: HomePage(),
)

• 局部单独适配
  如果你仅需要endDrawer内部为RTL布局，不需要修改全局配置，可以在Drawer内部包裹Directionality组件单独指定方向：

Scaffold(
  endDrawer: Drawer(
    child: Directionality(
      textDirection: TextDirection.rtl,
      child: Column(
        children: [
          ExpansionTile(
            title: Text("عنوان بخش"),
            children: [
              // 展开后的子项内容
            ],
          ),
          // 其他Drawer子组件
        ],
      ),
    ),
  ),
)

• 手动调整箭头位置
  如果配置Directionality后ExpansionTile的展开箭头位置还是不符合预期，可以手动修改组件的箭头配置：

ExpansionTile(
  title: Text("عنوان بخش"),
  // 将箭头放在RTL布局对应的操作侧
  leading: Icon(Icons.arrow_drop_down),
  // 隐藏默认在右侧的箭头
  trailing: SizedBox.shrink(),
  children: [
    // 子项内容
  ],
)

注意：Flutter所有官方内置组件默认都会继承父节点的textDirection属性，只要父层级设置了正确的方向参数，不需要额外修改组件内部样式即可完成适配。

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