做 App 開發，甚至所有前端開發，文本控件應該是用的最多的，用戶看到最多的基本上也都是文本控件相關的，這篇博客詳細介紹一下 Flutter 中的文本控件 Text

Text 基本介紹

位置

在 Flutter SDK 下，flutter -> widgets -> text.dart源碼不大，加注釋總共才不到400行。

繼承關系

Text -> StatelessWidget ->Widget -> DiagnosticableTree ->Diagnosticable,這里可以看出Text 是直接繼承 StatelessWidget的。這里額外結介紹下Flutter 有兩種狀態控件:StatelessWidget（無狀態組件）、StatefulWidget（有狀態組件）,這兩者的區別可以參考下走路不穿鞋oO作者寫的
Flutter中StatefulWidget控件狀態管理的兩種方式

Text 的基本用法

這讓我這個習慣用 XML 畫布局感到特別的不習慣。

class MyTextApp extends StatelessWidget { @override Widget build(BuildContext context) { return new MaterialApp( home: new Scaffold( body: new Center( child: new Text( "This is Text" ), ), ), ); } 

image.png

就這么簡單我們完成了第一個 Text 控件的使用，new Text("This is Text") .

Text 的常見屬性

這個我們只需要查看一下 Text 的構造方法就知道了。

const Text(this.data, { Key key, this.style, this.textAlign, this.textDirection, this.locale, this.softWrap, this.overflow, this.textScaleFactor, this.maxLines, this.semanticsLabel, }) 

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶學習參考，本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.juherenli.com/17605.html