Flutter开发之——基本组件-Text

2.1 Text

Text构造时，需要有说明的文字内容

2.2 属性说明

const Text(

String this.data, {

Key? key,

this.style,

this.strutStyle,

this.textAlign,

this.textDirection,

this.locale,

this.softWrap,

this.overflow,

this.textScaleFactor,

this.maxLines,

this.semanticsLabel,

this.textWidthBasis,

this.textHeightBehavior,

})

| 属性 | 说明 |

| :-: | :-: |

| style | 文字样式(颜色、粗细) |

| textAlign | 文字对齐样式 |

| overflow | 文字字数超出后样式 |

| textScaleFactor | 文字大小 |

| maxLines | 最大行数 |

2.3 代码示例(textScaleFactor/textAlign/maxLines/overflow)

• textScaleFactor：设置文字大小的属性

• textAlign：文字的对齐方式，为确保此属性有效，请确保文字内容长度足够

• maxLines：文本显示的最大行数

• overflow：文本超过一行的处理方式(TextOverflow.ellipsis多出部分用省略号代替...

Text(“Hello World”),//默认没有使用样式

Text(“Hello World”,textScaleFactor: 2.0,),//默认没有使用样式

Text(“Hello World”*6,textAlign: TextAlign.right),

Text(“Hello World”*6,textAlign: TextAlign.right,maxLines: 1,),

Text(“Hello World”*6,textAlign: TextAlign.right,overflow: TextOverflow.ellipsis,),

2.4 效果图

[外链图片转存中…(img-7knUUBBK-1713341537867)]

三 TextStyle

---

3.1 说明

• TextStyle是Text的其中一个属性，因为它的内容较多单独说明

• TextStyle用于指定文本显示的样式如颜色、字体、粗细、背景等

3.2 属性说明

const TextStyle({

this.inherit = true,

this.color,

this.backgroundColor,

this.fontSize,

this.fontWeight,

this.fontStyle,

this.letterSpacing,

this.wordSpacing,

this.textBaseline,

this.height,

this.locale,

this.foreground,

this.background,

this.shadows,

this.fontFeatures,

this.decoration,

this.decorationColor,

this.decorationStyle,

this.decorationThickness,

this.debugLabel,

String? fontFamily,

List? fontFamilyFallback,

String? package,

})

| 属性 | 说明 |

| :-: | :-: |

| color | 颜色 |

| backgroundColor | 背景色 |

| fontSize | 字体大小 |

| fontWeight | 字体权重(粗细) |

| fontStyle | 样式 |

| letterSpacing | 字符间隔 |

| wordSpacing | 单词间隔 |

| decoration | 文本装饰 |

| decorationStyle | 文本装饰样式 |

3.3 示例

Text(“Hello World”,style:

TextStyle(color: Colors.red,backgroundColor:Color(0x88888888),

fontSize: 20,fontWeight:FontWeight.bold,

fontStyle:FontStyle.italic,

letterSpacing:5,wordSpacing: 50, decoration:TextDecoration.underline,decorationStyle:TextDecorationStyle.solid)

,),

3.4 效果图

四 TextSpan

---

4.1 说明

TextSpan用于对同一段Text内容的不同片段进行不同的设置(样式、处理)

4.2 属性说明

const TextSpan({

this.text,

this.children,

TextStyle? style,

this.recognizer,

this.semanticsLabel,

}) : super(style: style);

4.3 代码

Text.rich(TextSpan(text: “Please Select Item：”,

children: [

TextSpan(text: “红：”,style: TextStyle(color: Colors.red),

recognizer: new TapGestureRecognizer()…onTap=(){Fluttertoast.showToast(msg: “你选择了红”);}),

TextSpan(text: “蓝”,style: TextStyle(color: Colors.blue),

recognizer:new TapGestureRecognizer()…onTap=(){Fluttertoast.showToast(msg: “你选择了蓝”,);})

]))

4.4 效果图

[外链图片转存中…(img-bQnt0HKI-1713341537872)]

五 DefaultTextStyle

---

5.1 说明

• 在Widget树中，文本的样式默认是可以被继承的

• 如果在Widget树的某一个节点处设置一个默认的文本样式，那么该节点的子树中所有文本都会默认使用这个样式

5.2 代码

DefaultTextStyle(style: TextStyle(

color:Colors.red,

fontSize: 20.0,

), child: Column(

children: [

Text(“Hello World 1”),

Text(“Hello World 2”),

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则近万的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且会持续更新！

如果你觉得这些内容对你有帮助，可以扫码获取！！（备注：Android）

文末

那么对于想坚持程序员这行的真的就一点希望都没有吗？
其实不然，在互联网的大浪淘沙之下，留下的永远是最优秀的，我们考虑的不是哪个行业差哪个行业难，就逃避掉这些，无论哪个行业，都会有他的问题，但是无论哪个行业都会有站在最顶端的那群人。我们要做的就是努力提升自己，让自己站在最顶端，学历不够那就去读，知识不够那就去学。人之所以为人，不就是有解决问题的能力吗？挡住自己的由于只有自己。
Android希望=技能+面试

• 技能
  
• 面试技巧+面试题
  

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！

考虑的不是哪个行业差哪个行业难，就逃避掉这些，无论哪个行业，都会有他的问题，但是无论哪个行业都会有站在最顶端的那群人。我们要做的就是努力提升自己，让自己站在最顶端，学历不够那就去读，知识不够那就去学。人之所以为人，不就是有解决问题的能力吗？挡住自己的由于只有自己。
Android希望=技能+面试

• 技能
  [外链图片转存中…(img-N6Hm5Phh-1713341537883)]
• 面试技巧+面试题
  [外链图片转存中…(img-K37v54Sr-1713341537885)]

《互联网大厂面试真题解析、进阶开发核心学习笔记、全套讲解视频、实战项目源码讲义》点击传送门即可获取！