|
|
相关文章推荐
|
不爱学习的番茄 · Spring Data ...· 7 月前 · |
|
|
满身肌肉的保温杯 · 如何：创建 CLR 空项目 | ...· 1 年前 · |
|
|
想出国的滑板 · 尝试使用Chinese-LLaMA-Alpa ...· 1 年前 · |
|
|
傻傻的双杠 · 疑案追踪：Spring ...· 1 年前 · |
|
|
深情的椅子 · Python 获取磁盘使用 - ...· 2 年前 · |
腾讯云
问
如何在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,
推荐文章