Flutter之UI布局与控件之Text

为啥单独写这么一个文章呢？ 其实是我看了Flutter中文官网，结果到组件里面在点就跳到英文文档去了，所以自己记录一下

Text Widget 属性

• textAlign 设置文字对齐方向
  • TextAlign.center 居中对齐
  • TextAlign.left 居左对齐
  • TextAlign.right 居右对齐
• maxLines 允许最大行数
• overflow 设置文字显示形式
  • TextOverflow.ellipsis 超过的显示为...
  • TextOverflow.clip 超过的不显示
  • TextOverflow.fade 从上到下颜色渐变
• style 设置样式
  • TextStyle
    • fontSize 字体大小
    • color 字体颜色
    • decoration 下划线
    • decorationStyle下划线样式 最后贴一下例子代码，可以照着敲一遍

代码语言：javascript复制

import 'package:flutter/material.dart';

void main() => runApp(new MyApp());

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return MaterialApp(
      title: 'Text Widget',
      home: Scaffold(
        body: Center(
          child: Text(
            '这里我们来介绍一下Text有哪些属性jkhkjhjkhjkhjkhjkhkjhjkhkj',
            textAlign: TextAlign.right,
            maxLines: 1,
            overflow: TextOverflow.fade,
            style: TextStyle(
              fontSize: 25.0,
              color: Color.fromARGB(166, 233, 125, 125),
              decoration: TextDecoration.underline,
              decorationStyle: TextDecorationStyle.solid,
            ),
          ),
        ),
      ),
    );
  }
}

flutter center fade overflow widget

0 人点赞