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下划线样式
        最后贴一下例子代码,可以照着敲一遍
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,
            ),
          ),
        ),
      ),
    );
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容