發表日期:2018-12 文章編輯:小燈 瀏覽次數:2074
做 App 開發,甚至所有前端開發,文本控件應該是用的最多的,用戶看到最多的基本上也都是文本控件相關的,這篇博客詳細介紹一下 Flutter 中的文本控件 Text
在 Flutter SDK 下,
flutter -> widgets -> text.dart
源碼不大,加注釋總共才不到400行。
Text -> StatelessWidget ->Widget -> DiagnosticableTree ->Diagnosticable
,這里可以看出Text 是直接繼承 StatelessWidget的。這里額外結介紹下Flutter 有兩種狀態控件:StatelessWidget(無狀態組件)、StatefulWidget(有狀態組件),這兩者的區別可以參考下走路不穿鞋oO作者寫的
Flutter中StatefulWidget控件狀態管理的兩種方式
這讓我這個習慣用 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" ), ), ), ); }
就這么簡單我們完成了第一個 Text 控件的使用,new Text("This is 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, })
日期:2018-10 瀏覽次數:7525
日期:2018-12 瀏覽次數:4598
日期:2018-07 瀏覽次數:5115
日期:2018-12 瀏覽次數:4402
日期:2018-09 瀏覽次數:5756
日期:2018-12 瀏覽次數:10180
日期:2018-11 瀏覽次數:5091
日期:2018-07 瀏覽次數:4845
日期:2018-05 瀏覽次數:5098
日期:2018-12 瀏覽次數:4562
日期:2018-10 瀏覽次數:5377
日期:2018-12 瀏覽次數:6438
日期:2018-11 瀏覽次數:4705
日期:2018-08 瀏覽次數:4850
日期:2018-11 瀏覽次數:12938
日期:2018-09 瀏覽次數:5858
日期:2018-12 瀏覽次數:5084
日期:2018-10 瀏覽次數:4423
日期:2018-11 瀏覽次數:4769
日期:2018-12 瀏覽次數:6299
日期:2018-06 瀏覽次數:4249
日期:2018-08 瀏覽次數:5697
日期:2018-10 瀏覽次數:4681
日期:2018-12 瀏覽次數:4792
日期:2018-07 瀏覽次數:4614
日期:2018-12 瀏覽次數:4783
日期:2018-06 瀏覽次數:4623
日期:2018-11 瀏覽次數:4603
日期:2018-12 瀏覽次數:4525
日期:2018-12 瀏覽次數:5507
Copyright ? 2013-2018 Tadeng NetWork Technology Co., LTD. All Rights Reserved.