Flutter Widget -Text
  MKubsKtBzXL1 2023年11月02日 33 0


Flutter Widgets

Flutter 2.0.0 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 60bd88df91 (10 weeks ago) • 2021-03-03 09:13:17 -0800
Engine • revision 40441def69
Tools • Dart 2.12.0

文章目录

  • ​​Flutter Widgets​​
  • ​​一、概览图​​
  • ​​二、Text?​​
  • ​​三、详细​​

​​1.材料设计根控件 MaterialApp​​2.页面基础布局 Scaffold
3.文本widget Text

一、概览图

Flutter Widget -Text_ci

二、Text?

​Text​​是Flutter中关于文本的小部件。一切关于文本的配置都可以完成。

三、详细

Text(
'何为多线程,通俗的讲就是让你的代码同时干好几件事。而我们的一个代码文件或者一个项目就是一个进程,而如果我们想提高效率,我们可以多开几个文件进行多进程,也可以在进程中创建多线程(多写几个方法),但是多进程比较耗费资源,所以一般推荐多线程,在代码里,让代码做几个文件做的事。多线程编程可以让我们的代码拥有更高效率。',
// 文字居中方向
textAlign: TextAlign.left,

// 文本显示最大行数
maxLines: 2,

// 文字溢出如何处理 ...
overflow: TextOverflow.ellipsis,

// 文字的方向
textDirection: TextDirection.rtl,

//每个逻辑像素的字体像素数
//例如,如果文本比例因子为1.5,则文本将比指定的字体大小大50%。
textScaleFactor: 1.5,

//图像的语义描述,用于向android上的TalkBack和iOS上的VoiceOver提供图像描述
semanticsLabel: '此文本的替代语义标签',

// style 同 css
style: TextStyle(
fontWeight: FontWeight.bold,
decorationStyle: TextDecorationStyle.dashed,
color: Colors.red,
backgroundColor: Colors.grey,
fontStyle: FontStyle.italic,

// 字符间距
letterSpacing: 10.0,

// 单词间距
wordSpacing: 10.0,
decoration: TextDecoration.lineThrough,
decorationThickness: 2.0),
),
Text.rich(TextSpan(
text: 'text',
style: TextStyle(fontSize: 30.0),
children: [
TextSpan(
text: '文本',
recognizer: TapGestureRecognizer()..onTap = () {
print('手势控制');
})
])),
// 多种文本风格
RichText(
text: TextSpan(
text: "登陆即视为同意",
style: TextStyle(color: Color(0xAA333333),fontSize: 18),
children: [
TextSpan(
text: "《巴乐兔服务协议》", style: TextStyle(color: Color(0xAACE1928))),
]),
textDirection: TextDirection.ltr,
)


【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月08日 0

暂无评论

推荐阅读
  b1UHV4WKBb2S   2023年11月13日   33   0   0 裁剪ideflutter
  b1UHV4WKBb2S   2023年11月13日   26   0   0 flutterDart
MKubsKtBzXL1