flutter text 左对齐_flutter输入框TextField中文本textAlign对齐分析篇

当我们在使用一个 TextField 构建一个输入框时，会有如下效果：

在实际应用程序的开发中，有时我们会希望输入的文字居中对齐或者是右对齐，那么就应用到了我本文章中所讲述内容，凡是涉及到一个内容，我们务必精益求精。

1 TextField 输入文本对齐配置

在 TextField 组件中，可以通过 textAlign 属性来配置TextField 输入文本对齐方式，更高级点的用法就是再结合 textDirection 文字方向来配置输入文本对齐方式。

一般文字的对齐方式如下图所示

我们可以通过 textAlign 属性很轻松的实现

// TextAlign.center 居中

// TextAlign.left 靠左对齐 TextField默认使用

// TextAlign.right 靠右对齐

那么对于如下取值

// TextAlign.start 文字开始位置对齐

// TextAlign.end 文字结束位置对齐

就与文字的绘制方向有关系了

从上图可看出 文字绘制方向无非就是从左向右或者是从右向左，可通过 TextField 的属性 textDirection 来配置

/// TextDirection.ltr left to right 文字从左向右

/// TextDirection.rtl right to left 文字从右向左

2 代码实现与配置说明

import 'package:flutte