美文网首页
Flutter-Text文本组件

Flutter-Text文本组件

作者: 阿博聊编程 | 来源:发表于2022-04-27 10:53 被阅读0次
配图来自网络,如侵必删

在开发中,文本是我们最常接触的控件。这篇博客来分享一下Flutter中的Text文本组件,我们展示的文本都可以用这个组件来展示,希望看文章的小伙伴有所帮助。

Text简单使用

Text("Hello Flutter",
      textAlign: TextAlign.center,
      style: TextStyle(fontWeight: FontWeight.bold)
)

这样我们就可以在界面当中显示一个文本,显示是Hello Flutter。下面我们来说说Text组件的属性:

设置文本颜色:

style: TextStyle(color: Colors.red))

设置文本大小:

style: TextStyle(fontSize: 20.0))

设置文本样式-加粗:

style: TextStyle(fontWeight: FontWeight.bold)

设置文本样式-斜体:

 style: TextStyle(fontStyle: FontStyle.italic))

设置文本位置:

textAlign: TextAlign.center,

TextAlign可选属性:centerendstartjustifyleftright

设置文本高度:

style: TextStyle(height:5.0))

设置文本最大行数:

maxLines: 1,

设置文本有下划线:

style: TextStyle(decoration: TextDecoration.underline))

设置文本有虚线类型下划线:

style: TextStyle(decorationStyle: TextDecorationStyle.dashed))

设置文字间隔:

style: TextStyle(letterSpacing: 5))

文本超过最大行数设置...

 overflow: TextOverflow.ellipsis,

相关文章

  • Flutter-Text文本组件

    在开发中,文本是我们最常接触的控件。这篇博客来分享一下Flutter中的Text文本组件,我们展示的文本都可以用这...

  • react-draft-wysiwyg富文本组件

    目录 react-draft-wysiwyg富文本组件 react-draft-wysiwyg富文本组件 组件使用...

  • React Native 文本组件 Text

    组件Text用于显示文本 不可以使用其他组件直接直接将文本作为子节点 嵌套 Text组件可以嵌套 嵌套组件样式可以...

  • Flutter实战】文本组件及五大案例

    老孟导读:大家好,这是【Flutter实战】系列文章的第二篇,这一篇讲解文本组件,文本组件包括文本展示组件(Tex...

  • Flutter之常用组件

    基础组件 文本组件 Text 用于显示简单样式文本,包含一些控制样式属性 按钮与手势组件 IconButton I...

  • Flutter基础篇之组件

    图片组件图片组件有Image实现,下面采用网络加载图片的方式 效果如下图: 文本组件文本展示样式 Containe...

  • Flutter初学之路—`Text` (文本组件)

    Text(文本组件)负责显示文本和定义显示样式,其提供了多个构造函数: new Text:创建一个文本组件; ne...

  • Flutter-基础组件二

    1.基本组件 1)Text 文本组件 2)RichText 富文本 常用属性: text:需要设置TextSpan...

  • React-Native Text组件的使用

    一.Text组件介绍 在 React Native 用于显示文本的组件就是 Text,专门用来显示基本的文本信息,...

  • react-native 常用组件(三)

    13.Text组件:[显示文本的React组件,并且它也支持嵌套、样式,以及触摸处理]举栗子: ①嵌套文本: ②嵌...

网友评论

      本文标题:Flutter-Text文本组件

      本文链接:https://www.haomeiwen.com/subject/vfwkyrtx.html