Flutter中RTL语言下SelectableText锚点行为异常如何解决？

安全阿岳

2026-6-28

Flutter SelectableText RTL 锚点异常修复方案

RTL（从右到左）语言场景下，部分版本的Flutter中SelectableText组件的选择锚点计算逻辑存在bug，导致拖动单个锚点时另一个锚点异常联动，选择行为不可预测。

明确文本方向层级
用Directionality组件包裹SelectableText，同时显式指定组件自身的textDirection，确保文本方向的一致性，避免父组件方向冲突干扰选择逻辑：
```
Directionality(
  textDirection: TextDirection.rtl,
  child: SelectableText(
    "你的RTL语言文本内容",
    textDirection: TextDirection.rtl,
  ),
)
```
升级Flutter SDK到最新稳定版
这类RTL适配bug大概率已在后续版本中修复，执行命令升级：
```
flutter upgrade
```
升级后重新测试选择功能，多数情况下异常会消失。
第三方组件替代（临时方案）
如果升级SDK后问题仍存在，可以尝试使用第三方RTL兼容的文本选择组件，比如flutter_rtl包中的相关组件，替换原生SelectableText进行测试。