第二章●第六節(jié):文本(Text)

文本組件顯示一個(gè)但一樣式的文本字符串,字符串可能多行顯示渔欢,也可能全部顯示在一行中,具體取決于布局約束瘟忱。其提供兩種構(gòu)造函數(shù)奥额。
樣式參數(shù)時(shí)可選的。當(dāng)省略時(shí)访诱,文本將使用最接近的DefaultTextStyle中的樣式垫挨。如果給定樣式的TextStyle.inherit屬性為true(默認(rèn)),則給定樣式將于最接近的DefaultTextStyle的樣式合并触菜。這種合并行為是很有用的九榔,例如,使用默認(rèn)字體系列和大小時(shí)使文本粗體顯示。
  • 若使用文本對(duì)觸摸事件作出反應(yīng)帚屉,請(qǐng)將其包裝在GestureDetector組件中,并使用GestureDetector.onTap處理漾峡。
  • 在Material Design應(yīng)用程序中攻旦,考慮使用FlatButton代替,或者如果不適用生逸,至少使用InkWell來代替GestureDetector牢屋。
  • 若使用部分文本做交互,需要使用RichText槽袄,并將TapeReservator指定為文本相關(guān)部分的TextSpan.recognizer烙无。
    • RichText:提供了對(duì)文本樣式的更多控制;
    • DefaultTextStyle:為文本組件提供默認(rèn)樣式遍尺。

1. new Text():創(chuàng)建一個(gè)文本組件

import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text("Text組件"),
        ),
        body: Center(
          child: Text(
            "Hello world",
            textAlign: TextAlign.center,
            overflow: TextOverflow.ellipsis,
            style: TextStyle(
              fontSize: 24.0,
              fontWeight: FontWeight.bold
            ),
          ),
        ),
      ),
    );
  }
}
new Text

2. new Text.rich():使用TextSpan創(chuàng)建文本組件

Text.rich(
  TextSpan(text: "Text.rich",children: [
    TextSpan(text: "01",style: TextStyle(fontSize: 25.0)),
    TextSpan(text: "02"),
    TextSpan(text: "03"),
    TextSpan(text: "04")
  ]),
  textAlign: TextAlign.center,
  textDirection: TextDirection.ltr,
  overflow: TextOverflow.ellipsis,
)
new Text.rich

Text屬性

Text屬性

本節(jié)內(nèi)容到此結(jié)束截酷,若在使用過程中遇到問題,歡迎留言交流乾戏,我們一起成長(zhǎng)迂苛。


總目錄結(jié)構(gòu)

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市鼓择,隨后出現(xiàn)的幾起案子三幻,更是在濱河造成了極大的恐慌,老刑警劉巖呐能,帶你破解...
    沈念sama閱讀 221,548評(píng)論 6 515
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件念搬,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡摆出,警方通過查閱死者的電腦和手機(jī)朗徊,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 94,497評(píng)論 3 399
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來懊蒸,“玉大人荣倾,你說我怎么就攤上這事∑锿瑁” “怎么了舌仍?”我有些...
    開封第一講書人閱讀 167,990評(píng)論 0 360
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)通危。 經(jīng)常有香客問我铸豁,道長(zhǎng),這世上最難降的妖魔是什么菊碟? 我笑而不...
    開封第一講書人閱讀 59,618評(píng)論 1 296
  • 正文 為了忘掉前任节芥,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘头镊。我一直安慰自己蚣驼,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 68,618評(píng)論 6 397
  • 文/花漫 我一把揭開白布相艇。 她就那樣靜靜地躺著颖杏,像睡著了一般。 火紅的嫁衣襯著肌膚如雪坛芽。 梳的紋絲不亂的頭發(fā)上留储,一...
    開封第一講書人閱讀 52,246評(píng)論 1 308
  • 那天,我揣著相機(jī)與錄音咙轩,去河邊找鬼获讳。 笑死,一個(gè)胖子當(dāng)著我的面吹牛活喊,可吹牛的內(nèi)容都是我干的丐膝。 我是一名探鬼主播,決...
    沈念sama閱讀 40,819評(píng)論 3 421
  • 文/蒼蘭香墨 我猛地睜開眼钾菊,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼尤误!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起结缚,我...
    開封第一講書人閱讀 39,725評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤损晤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后红竭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體尤勋,經(jīng)...
    沈念sama閱讀 46,268評(píng)論 1 320
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,356評(píng)論 3 340
  • 正文 我和宋清朗相戀三年茵宪,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了最冰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,488評(píng)論 1 352
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡稀火,死狀恐怖暖哨,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情凰狞,我是刑警寧澤篇裁,帶...
    沈念sama閱讀 36,181評(píng)論 5 350
  • 正文 年R本政府宣布,位于F島的核電站赡若,受9級(jí)特大地震影響达布,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜逾冬,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,862評(píng)論 3 333
  • 文/蒙蒙 一黍聂、第九天 我趴在偏房一處隱蔽的房頂上張望躺苦。 院中可真熱鬧,春花似錦产还、人聲如沸匹厘。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,331評(píng)論 0 24
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽集乔。三九已至,卻和暖如春坡椒,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背尤溜。 一陣腳步聲響...
    開封第一講書人閱讀 33,445評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工倔叼, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人宫莱。 一個(gè)月前我還...
    沈念sama閱讀 48,897評(píng)論 3 376
  • 正文 我出身青樓丈攒,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親授霸。 傳聞我的和親對(duì)象是個(gè)殘疾皇子巡验,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,500評(píng)論 2 359

推薦閱讀更多精彩內(nèi)容