不知道什么原因,有时候定义的Text下面会出现两个下划线,如下图:
此时要
去掉下面的下划线
只需要在style下面的TextStyle增加属性decoration: TextDecoration.none
其次加个扩展,
若想加划掉的效果
,如下图:
可通过设置如下属性:
Text的decoration默认是TextDecoration.none不知道什么原因,有时候定义的Text下面会出现两个下划线,如下图:此时要去掉下面的下划线只需要在style下面的TextStyle增加属性decoration: TextDecoration.none 其次加个扩展,若想加划掉的效果,如下图:可通过设置如下属性:...
marquee_widget
Flutter
小部件,用于滚动小部件
文本
和具有支持的RTL的其他小部件。 提供许多自定义
设置
,包括自定义滚动方向和速度,每轮暂停后指定并指定自定义持续时间和曲线以进行
加
速和减速。
这是一个简单的示例:
Marquee (
child :
Text
( 'This project is a starting point for a Dart package, a library module containing code that can be shared easily across multiple
Flutter
or Dart projects. ' ),
这是一段代码,它充分利用了字幕的可定制性:
用Continer()
设置
宽度和高度
Marquee (
child :
Text
( 'This project is
通过
设置
text
Align属性的值为
Text
Align.center可以让
Text
的内容居中
class _MyHomePageState extends State {
@override
Widget build(BuildCon
text
con
text
) {
return Scaffold(
appBar: AppBar(
title:
Text
(widget.title),
body: Row(
children: [
Expanded(
在
Flutter
中,可以使用 `
Text
` 组件来显示
文本
。
默认
情况下,`
Text
` 组件会自动换行,只要
文本
内容超过其容器的宽度。
你可以使用 `
Text
` 组件的 `softWrap` 属性来控制
文本
是否自动换行。
设置
`softWrap` 为 `true` (
默认
值),
文本
就会自动换行;
设置
`softWrap` 为 `false`,
文本
就不会自动换行,而是会超出其容器的边界。
例如,以下代码创建了一个不会自动换行的 `
Text
` 组件:
Text
(
'这是一行长
文本
,它不会自动换行。',
softWrap: false,
如果你想在
文本
内容达到一定宽度时自动换行,可以使用 `Flexible` 组件包装 `
Text
` 组件,如下所示:
Flexible(
child:
Text
('这是一行长
文本
,它会在达到一定宽度时自动换行。'),
注意:`Flexible` 组件会根据其所在的布局约束来自动调整其大小,所以
文本
内容会在达到一定宽度时自动换行。
Flutter Text 下面有两个默认的下划线,和设置划掉效果
山海意明: