Flutter之UI布局与控件之Text

longzeqiu

发布于 2019-08-15 17:44:03

4540

发布于 2019-08-15 17:44:03

文章被收录于专栏：Android小知识Android小知识

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

Text Widget 属性

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

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,
            ),
          ),
        ),
      ),
    );
  }
}

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2019.07.23 ，如有侵权请联系 cloudcommunity@tencent.com 删除

flutter