Flutter #05 深入了解 the TextStyle Widget

目錄:

  1. 文本樣式的參數(shù)
  2. 默認文本樣式
  3. 文字加波浪線
  4. 文字加橫線
  5. 文字加陰影
  6. 文字加背景框
  7. 文字加漸變色
  8. 文字風格屬性
  9. 文字加雙下劃線

一、文本樣式的參數(shù)

下面列出了 TextStyle widget 的全部參數(shù):

    bool? inherit,
    Color? color,
    Color? backgroundColor,
    String? fontFamily,
    List<String>? fontFamilyFallback,
    double? fontSize,
    FontWeight? fontWeight,
    FontStyle? fontStyle,
    double? letterSpacing,
    double? wordSpacing,
    TextBaseline? textBaseline,
    double? height,
    Locale? locale,
    Paint? foreground,
    Paint? background,
    List<ui.Shadow>? shadows,
    List<ui.FontFeature>? fontFeatures,
    TextDecoration? decoration,
    Color? decorationColor,
    TextDecorationStyle? decorationStyle,
    double? decorationThickness,
    String? debugLabel

二媒熊、默認文本樣式

    return Material(
      child: Center(
        child: Text(
          '好好學習,努力賺錢',
          //style: textStyle,
        ),
      ),
    );

三坟比、文字加波浪線

    return const Material(
      child: Center(
        child: Text(
          '好好學習芦鳍,努力掙錢',
          style: TextStyle(
            fontSize: 20,
            decoration: TextDecoration.lineThrough,
            decorationStyle: TextDecorationStyle.wavy,
          ),
        ),
      ),
    );

四、字體加橫線

    return const Material(
      child: Center(
        child: Text(
          '好好學習葛账,努力掙錢',
          style: TextStyle(
            fontSize: 20,
            decoration: TextDecoration.lineThrough,
            decorationThickness: 4,
          ),
        ),
      ),
    );

五柠衅、文字加陰影

    return const Material(
      child: Center(
        child: Text(
          '好好學習,努力掙錢',
          style: TextStyle(
            fontSize: 36,
            shadows: [
              Shadow(
                color: Colors.blue,
                blurRadius: 1,
                offset: Offset(1, 1),
              ),
              Shadow(
                color: Colors.red,
                blurRadius: 10,
                offset: Offset(-5, 5),
              ),
            ],
          ),
        ),
      ),
    );

六籍琳、文字加背景框

    return Material(
      child: Center(
        child: Text('好好學習菲宴,努力掙錢',
            style: TextStyle(
                background: Paint()
                  ..strokeWidth = 30.0
                  ..color = Colors.blue
                  ..style = PaintingStyle.stroke
                  ..strokeJoin = StrokeJoin.round)),
      ),
    );

七、文字加漸變顏色

    return Material(
        child: Center(
          child: Text(
            '好好學習趋急,努力掙錢',
            style: TextStyle(
                fontSize: 36,
                fontWeight: FontWeight.bold,
                foreground: Paint()
                  ..shader = linearGradient),
          ),
        ));

八喝峦、文字風格的屬性:字體大小、顏色呜达、高度谣蠢、詞間距、字母間距查近、字體加粗眉踱、字體。

    return const Material(
        child: Center(
          child: Text(
            '好好學習霜威,努力掙錢',
            style: TextStyle(fontSize: 32,color: Colors.black38,height: 6,wordSpacing: 12,letterSpacing: 2,fontWeight: FontWeight.bold,fontStyle: FontStyle.italic),
          ),
        ));

九谈喳、文字加雙下劃線

    return const Center(
      child: Text(
        '好好學習,努力掙錢',
        style: TextStyle(fontSize: 32),
      ),
    );
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末戈泼,一起剝皮案震驚了整個濱河市婿禽,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌大猛,老刑警劉巖谈宛,帶你破解...
    沈念sama閱讀 222,807評論 6 518
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異胎署,居然都是意外死亡吆录,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,284評論 3 399
  • 文/潘曉璐 我一進店門琼牧,熙熙樓的掌柜王于貴愁眉苦臉地迎上來恢筝,“玉大人哀卫,你說我怎么就攤上這事∏瞬郏” “怎么了此改?”我有些...
    開封第一講書人閱讀 169,589評論 0 363
  • 文/不壞的土叔 我叫張陵,是天一觀的道長侄柔。 經(jīng)常有香客問我共啃,道長,這世上最難降的妖魔是什么暂题? 我笑而不...
    開封第一講書人閱讀 60,188評論 1 300
  • 正文 為了忘掉前任移剪,我火速辦了婚禮,結(jié)果婚禮上薪者,老公的妹妹穿的比我還像新娘纵苛。我一直安慰自己,他們只是感情好言津,可當我...
    茶點故事閱讀 69,185評論 6 398
  • 文/花漫 我一把揭開白布攻人。 她就那樣靜靜地躺著,像睡著了一般悬槽。 火紅的嫁衣襯著肌膚如雪怀吻。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 52,785評論 1 314
  • 那天初婆,我揣著相機與錄音烙博,去河邊找鬼。 笑死烟逊,一個胖子當著我的面吹牛渣窜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播宪躯,決...
    沈念sama閱讀 41,220評論 3 423
  • 文/蒼蘭香墨 我猛地睜開眼训枢,長吁一口氣:“原來是場噩夢啊……” “哼芒珠!你這毒婦竟也來了操软?” 一聲冷哼從身側(cè)響起遗嗽,我...
    開封第一講書人閱讀 40,167評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎臣缀,沒想到半個月后坝橡,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 46,698評論 1 320
  • 正文 獨居荒郊野嶺守林人離奇死亡精置,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,767評論 3 343
  • 正文 我和宋清朗相戀三年计寇,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 40,912評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡番宁,死狀恐怖元莫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情蝶押,我是刑警寧澤踱蠢,帶...
    沈念sama閱讀 36,572評論 5 351
  • 正文 年R本政府宣布,位于F島的核電站棋电,受9級特大地震影響茎截,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜赶盔,卻給世界環(huán)境...
    茶點故事閱讀 42,254評論 3 336
  • 文/蒙蒙 一企锌、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧招刨,春花似錦、人聲如沸哀军。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,746評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽杉适。三九已至谎倔,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間猿推,已是汗流浹背片习。 一陣腳步聲響...
    開封第一講書人閱讀 33,859評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留蹬叭,地道東北人藕咏。 一個月前我還...
    沈念sama閱讀 49,359評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像秽五,于是被迫代替她去往敵國和親孽查。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 45,922評論 2 361

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