Flutter应用单页面文本输入RTL而非LTR问题求助

以下是针对你遇到的单个页面文本输入自动变为RTL的几种实用解决办法，结合你的代码给出具体修改：

1. 强制TextField的文本方向和对齐方式 #

你的CommonTextField中，TextFormField默认使用textAlign: TextAlign.start，这会跟随系统或父组件的文本方向。直接强制指定LTR方向和左对齐：

修改CommonTextField的build方法里的TextFormField，添加两个属性：

TextFormField(
  // ... 其他原有属性
  textDirection: TextDirection.ltr, // 强制从左到右
  textAlign: widget.textAlign == TextAlign.start ? TextAlign.left : widget.textAlign, // 替换start为固定左对齐
  // ... 其他原有属性
)

或者在调用CommonTextField时显式传入参数：

CommonTextField(
  // ... 其他参数
  textAlign: TextAlign.left,
  // ... 其他参数
)

2. 清理初始文本中的RTL控制字符 #

如果formProvider.activityLegalName包含不可见的RTL控制字符（比如\u200F、\u202B这类标记），会自动触发RTL显示。在初始化控制器时过滤这些字符：

修改Page8a中的CommonTextField控制器：

controller: TextEditingController(
  text: formProvider.activityLegalName?.replaceAll(RegExp(r'[\u200E\u200F\u202A-\u202E]'), '') ?? '',
),

3. 严格用Directionality包裹整个页面 #

确保页面的所有子组件都继承LTR方向，把Directionality包裹在最外层：

@override
Widget build(BuildContext context) {
  formProvider = Provider.of<ActivityFormProvider>(context);

  return Directionality(
    textDirection: TextDirection.ltr,
    child: SingleChildScrollView(
      // 原来的Column等内容
    ),
  );
}

4. 检查全局主题或父组件的方向设置 #

确认MaterialApp的theme中没有全局设置textDirection: TextDirection.rtl，同时检查该页面的上层路由或父组件是否被其他Directionality组件意外包裹。

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