link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
冷冷的移动电源 · hibernate验证器抛出异常Valida ...· 4 月前 · |
|
|
爱玩的牙膏 · PostgreSQL ...· 11 月前 · |
|
|
寂寞的自行车 · sql server 存储过程if sql ...· 1 年前 · |
|
|
爱热闹的海龟 · Android中获取图片的宽和高 - ...· 1 年前 · |
|
|
无邪的消防车 · linux动态加载so优势-掘金· 1 年前 · |
腾讯云
问
如何在flutter中为文本加下划线
如何在flutter中为文本加下划线
问
如何在flutter中为文本加下划线
EN
EN
Stack Overflow用户
提问于
2018-05-31 07:31:09
回答 3
查看 151.2K
关注 0
票数 181
如何在
Text
小部件内的flutter中给文本加下划线？
在
TextStyle
的
fontStyle
属性中似乎找不到下划线
EN
回答 3
Stack Overflow用户
回答已采纳
发布于 2019-01-18 09:14:06
在为所有内容加下划线时，您可以在文本小部件上设置TextStyle。
代码语言：
javascript
复制
Text(
'Hello world',
style: TextStyle(
decoration: TextDecoration.underline,
)
如果只想给文本的一部分加下划线，那么需要使用
Text.rich()
(或RichText小部件)并将字符串拆分为TextSpans，您可以向其中添加样式。
代码语言：
javascript
复制
Text.rich(
TextSpan(
text: 'Hello ',
style: TextStyle(fontSize: 50),
children: <TextSpan>[
TextSpan(
text: 'world',
style: TextStyle(
decoration: TextDecoration.underline,
// can add more TextSpans here...
)
TextSpan有点奇怪。
text
参数是默认样式，但
children
列表包含后面的样式文本(也可能是未样式文本)。如果要从带样式的文本开始，可以对
text
使用空字符串。
您还可以添加TextDecorationStyle来更改装饰的外观。下面是虚线：
代码语言：
javascript
复制
Text(
'Hello world',
style: TextStyle(
decoration: TextDecoration.underline,
decorationStyle: TextDecorationStyle.dashed,
)
和
TextDecorationStyle.dotted
和
TextDecorationStyle.double
和
TextDecorationStyle.wavy
票数 406
EN
Stack Overflow用户
发布于 2018-05-31 07:31:09
您可以通过将
decoration: TextDecoration.underline
应用于
Text
的
TextStyle
来完成此操作。
主题示例：
代码语言：
javascript
复制
Text(
"text",
style: Theme
.of(context)
.accentTextTheme
.subhead
.copyWith(decoration: TextDecoration.underline),
)基本示例：
代码语言：
javascript
复制
Text(
"text",
style: TextStyle(decoration: TextDecoration.underline),
)
票数 42
EN
Stack Overflow用户
发布于 2020-05-06 23:50:54
例如
代码语言：
javascript
复制
Text(
"Terms and Condition",
style: TextStyle(
decoration:
TextDecoration.underline,
推荐文章
|
|
无邪的消防车 · linux动态加载so优势-掘金 1 年前 |