做 App 開(kāi)發(fā)，甚至所有前端開(kāi)發(fā)，文本控件應(yīng)該是用的最多的，用戶(hù)看到最多的基本上也都是文本控件相關(guān)的，這篇博客詳細(xì)介紹一下 Flutter 中的文本控件 Text

Text 基本介紹

位置

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

繼承關(guān)系

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

Text 的基本用法

這讓我這個(gè)習(xí)慣用 XML 畫(huà)布局感到特別的不習(xí)慣。

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

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

Text 的常見(jiàn)屬性

這個(gè)我們只需要查看一下 Text 的構(gòu)造方法就知道了。

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

本頁(yè)內(nèi)容由塔燈網(wǎng)絡(luò)科技有限公司通過(guò)網(wǎng)絡(luò)收集編輯所得，所有資料僅供用戶(hù)學(xué)習(xí)參考，本站不擁有所有權(quán)，如您認(rèn)為本網(wǎng)頁(yè)中由涉嫌抄襲的內(nèi)容，請(qǐng)及時(shí)與我們聯(lián)系，并提供相關(guān)證據(jù)，工作人員會(huì)在5工作日內(nèi)聯(lián)系您，一經(jīng)查實(shí)，本站立刻刪除侵權(quán)內(nèi)容。本文鏈接:http://www.webpost.com.cn/17605.html