Flutter封装组件之：文本组件

Text

对齐方式textAlign

• 左对齐(默认)

const Text('左侧对齐',textAlign: TextAlign.left),
或者
const Text('左侧对齐',textAlign: TextAlign.start),

• 居中对齐

const Text('居中对齐',textAlign: TextAlign.center),

• 右对齐

const Text('右侧对齐',textAlign: TextAlign.right),
或者
const Text('右侧对齐',textAlign: TextAlign.end),

修饰样式

• 大小

Text('大小',style: TextStyle(fontSize: 15)),

• 颜色

Text('颜色',style: TextStyle(color: Colors.red)),

• 加粗

 Text('加粗',style: TextStyle(fontWeight: FontWeight.bold),),

• 删除线

const Text('删除线',style: TextStyle(decoration: TextDecoration.lineThrough),),

• 下划线

 Text('下划线',style: TextStyle(decoration: TextDecoration.underline),),
//虚线
 Text('下划虚线',style: TextStyle(fontSize: 18,decoration: TextDecoration.underline,decorationStyle: TextDecorationStyle.dashed),),

• 上划线

 Text('下划线',style: TextStyle(decoration: TextDecoration.overline),),
//虚线
 Text('上划虚线',style: TextStyle(fontSize: 18,decoration: TextDecoration.overline,decorationStyle: TextDecorationStyle.dashed)),

• 倾斜

const Text('倾斜',style: TextStyle(fontStyle:FontStyle.italic)),

• 缩进 （Text没有缩进属性）

 const Text('    缩进'),

• 文本溢出省略

 Text('文本溢出省略，文本溢出省略',overflow: TextOverflow.ellipsis),

• 是否自动换行

 Text('文本是否自动换行，现在是设置成否false',softWrap:false),

• 文字缩放

 Text('文字缩放',textScaleFactor: 1.1)

• 文字行高

 Text(
'通过一些组件的封装，让我们更加熟练掌握flutter。那为什么要选择仿graceUI呢？因为这样子可以使我们的学习目标更明确，知识点更清晰，学完之后收获更大。让我们一起学习吧）。',
 style: TextStyle(height: 2),
),

• 限制行数

 Text(
    '     通过一些组件的封装，让我们更加熟练掌握flutter。那为什么要选择仿graceUI呢？因为这样子可以使我们的学习目标更明确，知识点更清晰，学完之后收获更大。让我们一起学习吧）。',
    maxLines: 2,
    style: TextStyle(height: 2),
  ),