Flutter組件篇-Text組件

一肄满、Text組件屬性

Text("Hello world",
  textAlign: TextAlign.left,//文本對齊方式  (center居中谴古,left左對齊,right右對齊稠歉,justfy兩端對齊)
  textDirection: TextDirection.ltr,//文本方向  (ltr從左至右掰担,rtl從右至左)
  maxLines: 1,//最大行數(shù)
  softWrap: true,//是否自動換行   (true自動換行,false不換行怒炸,超出屏幕部分默認截斷處理)
  overflow: TextOverflow.clip,//文字超出屏幕之后的處理方式  (clip裁剪带饱,fade漸隱,ellipsis省略號)
  textScaleFactor: 1.5,//字體顯示倍率
  style: TextStyle(//文字樣式
    color: Colors.blue,//文字顏色  (十六進制顏色寫法Color(0xff4caf50)數(shù)字0字母xff后跟十六進制代碼 0xff中ff代表透明度)
    fontSize: 18.0,//文字大小
    height: 1.2,  //指定行高
    fontStyle: FontStyle.italic,//文字樣式  (italic斜體阅羹,normal正常體)
    fontFamily: "Courier",//字體
    fontWeight: FontWeight.w900,//文字粗細
    background: Paint()..color=Colors.yellow,
    decoration:TextDecoration.none,//文字裝飾線  (none沒有線勺疼,lineThrough刪除線,overline上劃線捏鱼,underline下劃線)
    decorationStyle: TextDecorationStyle.dashed//文字裝飾線風格  ([dashed,dotted]虛線执庐,double兩根線,solid一根實線导梆,wavy波浪線)
  ),
);

二轨淌、Text片段

  • 如果我們需要對一個 Text 內(nèi)容的不同部分按照不同的樣式顯示,這時就可以使用TextSpan看尼,它代表文本的一個“片段”递鹉。
Text.rich(TextSpan(
    children: [
     TextSpan(
       text: "Home: "
     ),
     TextSpan(
       text: "https://flutterchina.club",
       style: TextStyle(
         color: Colors.blue
       ),  
       recognizer: _tapRecognizer
     ),
    ]
));

三藏斩、設置默認樣式

  • 在 Widget 樹中躏结,文本的樣式默認是可以被繼承的(子類文本類組件未指定具體樣式時可以使用 Widget 樹中父級設置的默認樣式),因此狰域,如果在 Widget 樹的某一個節(jié)點處設置一個默認的文本樣式萍启,那么該節(jié)點的子樹中所有文本都會默認使用這個樣式
DefaultTextStyle(
  //設置文本默認樣式  
  style: TextStyle(
    color:Colors.red,
    fontSize: 20.0,
  ),
  textAlign: TextAlign.start,
  child: Column(
    crossAxisAlignment: CrossAxisAlignment.start,
    children: <Widget>[
      Text("hello world"),
      Text("I am Jack"),
      Text("I am Jack",
        style: TextStyle(
          inherit: false, //2.不繼承默認樣式
          color: Colors.grey
        ),
      ),
    ],
  ),
);
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末价脾,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌榜掌,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件讲坎,死亡現(xiàn)場離奇詭異关筒,居然都是意外死亡,警方通過查閱死者的電腦和手機驶睦,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評論 3 394
  • 文/潘曉璐 我一進店門砰左,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人场航,你說我怎么就攤上這事缠导。” “怎么了溉痢?”我有些...
    開封第一講書人閱讀 164,782評論 0 354
  • 文/不壞的土叔 我叫張陵僻造,是天一觀的道長憋他。 經(jīng)常有香客問我,道長髓削,這世上最難降的妖魔是什么竹挡? 我笑而不...
    開封第一講書人閱讀 58,709評論 1 294
  • 正文 為了忘掉前任,我火速辦了婚禮立膛,結(jié)果婚禮上揪罕,老公的妹妹穿的比我還像新娘。我一直安慰自己宝泵,他們只是感情好好啰,可當我...
    茶點故事閱讀 67,733評論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著儿奶,像睡著了一般坎怪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上廓握,一...
    開封第一講書人閱讀 51,578評論 1 305
  • 那天搅窿,我揣著相機與錄音,去河邊找鬼隙券。 笑死男应,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的娱仔。 我是一名探鬼主播沐飘,決...
    沈念sama閱讀 40,320評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼牲迫!你這毒婦竟也來了耐朴?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,241評論 0 276
  • 序言:老撾萬榮一對情侶失蹤盹憎,失蹤者是張志新(化名)和其女友劉穎筛峭,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體陪每,經(jīng)...
    沈念sama閱讀 45,686評論 1 314
  • 正文 獨居荒郊野嶺守林人離奇死亡影晓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,878評論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了檩禾。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片挂签。...
    茶點故事閱讀 39,992評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖盼产,靈堂內(nèi)的尸體忽然破棺而出饵婆,到底是詐尸還是另有隱情,我是刑警寧澤戏售,帶...
    沈念sama閱讀 35,715評論 5 346
  • 正文 年R本政府宣布侨核,位于F島的核電站草穆,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏芹关。R本人自食惡果不足惜续挟,卻給世界環(huán)境...
    茶點故事閱讀 41,336評論 3 330
  • 文/蒙蒙 一紧卒、第九天 我趴在偏房一處隱蔽的房頂上張望侥衬。 院中可真熱鬧,春花似錦跑芳、人聲如沸轴总。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,912評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽怀樟。三九已至,卻和暖如春盆佣,著一層夾襖步出監(jiān)牢的瞬間往堡,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,040評論 1 270
  • 我被黑心中介騙來泰國打工共耍, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留虑灰,地道東北人。 一個月前我還...
    沈念sama閱讀 48,173評論 3 370
  • 正文 我出身青樓痹兜,卻偏偏與公主長得像穆咐,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子字旭,可洞房花燭夜當晚...
    茶點故事閱讀 44,947評論 2 355

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