發表日期:2018-12 文章編輯:小燈 瀏覽次數:2254
做 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, })