• <ul id="cgeq2"></ul>
  • 歡迎您光臨深圳塔燈網絡科技有限公司!
    電話圖標 余先生:13699882642

    網站百科

    為您解碼網站建設的點點滴滴

    Flutter 常用控件 - Text

    發表日期:2018-12 文章編輯:小燈 瀏覽次數:2254

    做 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
    相關APP開發