flutter學習--Text組件

Text組件屬性

爲了展示效果，首先編寫如下代碼：

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Text組件學習',
      home: new Scaffold(
        appBar: AppBar(
          title: Text('Text組件學習'),
        ),
        body: Center(
          child: Text(
            "sassssssssssssssssssssssssssssssssssssssssssssssssaaaaaaaaaaaaaaaaaaaaaaa",
          ),
        ),
      ),
    );
  }
}

效果如圖

1.textAligin屬性，控制文字內部對齊方式

//textAlign: TextAlign.center  文字居中
//textAlign: TextAlign.end  文字居於尾部
//textAlign: TextAlign.start  文字居於首部
//textAlign: TextAlign.right  文字居右
//textAlign: TextAlign.left  文字居左
//textAlign: TextAlign.justify 文字兩端貼邊對齊

2.maxlines屬性，控制文本最大行數，多餘部分直接截取
3.overflow屬性，
overflow屬性是用來設置文本溢出時，如何處理,它有下面幾個常用的值供我們選擇。

• clip：直接切斷，剩下的文字就沒有了，感覺不太友好，體驗性不好。
• ellipsis:在後邊顯示省略號，體驗性較好，這個在工作中經常使用。
• fade: 溢出的部分會進行一個漸變消失的效果，當然是上線的漸變，不是左右的哦

4.softWrap屬性，控制是否自動換行，若爲false，文字將不考慮容器大小，單行顯示，超出屏幕部分將默認截斷處理
5.style屬性，style屬性的內容比較多，具體的你可以查一下API
https://docs.flutter.io/flutter/painting/TextStyle-class.html

//字體大小爲25，顏色爲紫色，有實線下劃線
 style: TextStyle(
                fontSize: 25.0,
                color: Color.fromARGB(255, 255, 150, 255),
                decoration: TextDecoration.underline,
                decorationStyle: TextDecorationStyle.solid,
              ),