Flutter Text 下面有两个默认的下划线，和设置划掉效果

最新推荐文章于 2025-04-14 09:20:40 发布
原创 最新推荐文章于 2025-04-14 09:20:40 发布 · 2.2w 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#Flutter

Text的decoration默认是TextDecoration.none

不知道什么原因，有时候定义的Text下面会出现两个下划线，如下图：

此时要去掉下面的下划线只需要在style下面的TextStyle增加属性decoration: TextDecoration.none

 

其次加个扩展，若想加划掉的效果，如下图：

可通过设置如下属性：

【Flutter】Flutter Text 控件实现下划线、删除线、虚线、加粗、斜体
Code Metaverse
07-27 4705
在 Flutter 开发中，我们经常需要对 Text 控件进行各种样式的设置，包括但不限于下划线、删除线、虚线、加粗和斜体等。这些样式的设置可以帮助我们更好地展示文本内容，提升用户体验。
【Flutter 问题系列第 49 篇】在 Flutter 中如何给组件设置背景色、圆角、边框、形状、阴影、渐变色、背景图片等效果
“Allen Su”的博客
11-21 5927
在 Flutter 中如何给组件设置背景色、圆角、边框、形状、阴影、渐变色、背景图片等效果
Flutter Text 实现下划线、波浪线、删除线、背景色、渐变文字、阴影、描边、空心字
xhuww的博客
09-22 1万+
Flutter Text 实现下划线、波浪线、删除线，添加文字背景色，设置渐变文字、添加阴影、描边，实现空心文字。
flutter Text 下划线，删除线，虚线，加粗，斜体等设置方案
01-08
import ‘package:flutter/material.dart’; void main(){ runApp( MaterialApp( title:‘Text Demo’, home:ContainerDemo() ), ); } class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text(‘文本组件’), ), body: Column( children: [ Te
flutter text 删除线
徐代龙的技术专栏
01-31 819
（一）需求：主要实现的是如下效果 这里我们会用到Text中的TextStyle中的decoration属性：代码如下： Text('¥ ${detailInfo.originalPrice}',style: TextStyle( color: MyColorRes.tvMainUnSelectColor, fontSize: 12, decoration: TextDecoration....
Flutter Text文字下方出现黄色双下划线
Steve_XiaoHai的博客
01-26 3679
在Flutter中，Text组件是属于Material风格的，这就要求我们的根组件最好也是Material风格的，否则UI展示可能会有一些问题。刚刚提到的启动页，根组件直接使用的层叠布局Stack，而Stack就不属于Material风格，当Stack内部嵌套Text的时候就会出现文字下方带有两条黄色下划线的现象。
flutter text 左对齐_03、从头开始整 Flutter--基本小部件-Text&Image
weixin_30299319的博客
02-06 622
本节大纲教程简介1、阅读对象本篇教程适合新手阅读，老手直接略过2、教程难度初级，本人水平有限，文章内容难免会出现问题，如果有问题欢迎指出，谢谢正文一、组件化思想我们前面说过 Flutter 是借鉴了 React 的组件化思想，一切皆组件「小部件」，在 Flutter 中一个个组件就是一个类「当然我们知道类就有属性和方法」，为什么要有组件化思想，这是前端的一大进步「可以说 React 功不可没」，组...
Flutter 教程第四章：Text 组件详解
ljguo2008的专栏
09-18 1431
Text是 Flutter 中用来显示文本的最基础组件之一。无论是简单的字符串显示，还是复杂的富文本展示，Text都能高效地完成任务。通过Text组件的各种属性，我们可以控制文本的样式、对齐方式、行数限制等。
Flutter - 控件之 Text
iOS_PING的专栏
10-15 1030
Flutter - 控件之 Text效果预览TextTextStyleTextAlignTextDirectionTextOverflow 效果预览 Text Text显示一个样式单一的文本字符串，可以显示单行也可以显示多行。 1、Text参数解析： Text( this.data, { Key key, this.style, //文本样式，默...
Flutter - 文本及样式 Text , TextStyle , DefaultTextStyle ,TextSpan
a136447572的专栏
12-07 407
Flutter - 文本及样式 Text , TextStyle , DefaultTextStyle ,TextSpan
flutter text下划线
rf344541393的博客
05-31 1317
在Flutter中，Text组件是属于Material风格的，这就要求我们的根组件最好也是Material风格的，否则UI展示可能会有一些问题。刚刚提到的启动页，根组件直接使用的层叠布局Stack，而Stack就不属于Material风格，当Stack内部嵌套Text的时候就会出现文字下方带有两条黄色下划线的现象。2.针对出现问题的Text组件，修改其style下的decoration属性为TextDecoration.none。加了一个弹窗，弹窗中的文字有黄色下划线， 很奇怪，原来是这个原因。
Flutter Text 下划线
mengshirui_的博客
02-29 1054
flutter text 下划线间隔，自定义下划线
flutter-Text等组件出现双层黄色下划线的问题
最新发布
鹏多多的博客
04-14 792
这天我正在写Flutter项目的页面功能，突然发现我的 Text 文字出现了奇怪的样式，具体如下：文字下面出现了双层黄色下划线，文字的空格变得很大，文字的间距也变得很大
flutter text 下划线
丿灬安之若死
08-06 1390
child: Text( "意见反馈", style: TextStyle( color: Color(0xff3E6CDB), decoration: TextDecoration.underline, ), ..
Flutter基础—常用控件之文本
咖啡花园
11-16 7049
Text控件即容器，是一个常用的控件，下面的实例有7个不同样式的文本控件：import 'package:flutter/material.dart'; class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Scaffold(
Flutter Text文本删除线、下划线设置
代码小疯子
01-08 3768
Flutter Text decoration: TextDecoration.lineThrough 下划线
flutter 多文本，其中文本下划线往下移动
weixin_43575775的博客
12-12 444
flutter中再满足多行文本，文本内有多个样式，并且多个样式可触发事件的情况，将其中的一部分文本的下划线往下移。
flutter控件添加下划线，就是边框只显示底部，添加分隔线
热门推荐
xiaoqi307的博客
06-22 2万+
new Container( height: 35, width: MediaQuery.of(context).size.width - 140, decoration: BoxDecoration( border:Border(bottom:BorderSide(width: 1,col...
flutter Text组件
Mobius_z的博客
01-17 483
void main ()=>runApp(myApp()); class myApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( title:'啦啦啦，fluterApp上线了', home:Scaffold( ...
Flutter隐式动画列表：实现两个列表间动态排序和动画效果
资源摘要信息:"Flutter ListView在两个列表的更改之间隐式设置动画，并支持对其项进行重新排序" Flutter是一个流行且功能强大的移动应用开发框架，它允许开发者使用Dart语言快速创建高性能的、跨平台的用户界面。在...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值