Flutter Text 去掉黄色下划线

最新推荐文章于 2025-04-14 09:20:40 发布

原创最新推荐文章于 2025-04-14 09:20:40 发布 · 6.2k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

本文介绍在Flutter中如何去除Text组件默认显示的黄色下划线，通过设置TextDecoration属性为none，可以有效避免非Material设计下Text组件出现的装饰问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Flutter 中如果没有使用Material的话Text会有黄色的下划线，
在这里插入图片描述
解决方法：
在Text 样式style 中加入属性decoration: TextDecoration.none 如下：

Text(
              '加载中',
              style: TextStyle(
                  fontSize: 17,
                  color: Color(0xff3c3c3c),
                  decoration: TextDecoration.none),
            )

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

冬无雪

关注关注

5
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【Flutter】Flutter Text 控件实现下划线、删除线、虚线、加粗、斜体

Code Metaverse

07-27

4707

在 Flutter 开发中，我们经常需要对 Text 控件进行各种样式的设置，包括但不限于下划线、删除线、虚线、加粗和斜体等。这些样式的设置可以帮助我们更好地展示文本内容，提升用户体验。

【Flutter 问题系列第 7 篇】TextField 去掉下划线

“Allen Su”的博客

09-10

4609

TextField 去掉下划线

参与评论您还未登录，请先登录后发表或查看评论

Flutter TextFiled去掉下划线

徐代龙的技术专栏

07-11

3029

Flutter系统自带的TextFiled都带有下划线，有时候我们并不需要此时我们只需要在decoration中加入一下代码： Container( alignment: Alignment.topLeft, child: TextField( maxLines: 10, onChanged: _textFieldChanged, ...

Flutter Text文字下方出现黄色双下划线

Steve_XiaoHai的博客

01-26

3701

flutter text下划线

rf344541393的博客

05-31

1318

在Flutter中，Text组件是属于Material风格的，这就要求我们的根组件最好也是Material风格的，否则UI展示可能会有一些问题。刚刚提到的启动页，根组件直接使用的层叠布局Stack，而Stack就不属于Material风格，当Stack内部嵌套Text的时候就会出现文字下方带有两条黄色下划线的现象。2.针对出现问题的Text组件，修改其style下的decoration属性为TextDecoration.none。加了一个弹窗，弹窗中的文字有黄色下划线，很奇怪，原来是这个原因。

Flutter Text文本删除线、下划线设置

代码小疯子

01-08

3778

Flutter Text decoration: TextDecoration.lineThrough 下划线

flutter-Text等组件出现双层黄色下划线的问题

最新发布

鹏多多的博客

04-14

803

这天我正在写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(Build...

Flutter Text 实现下划线、波浪线、删除线、背景色、渐变文字、阴影、描边、空心字

xhuww的博客

09-22

1万+

Flutter Text 实现下划线、波浪线、删除线，添加文字背景色，设置渐变文字、添加阴影、描边，实现空心文字。

flutter TextField 位置居中，初始值（默认值），内容居中，设置圆角，前后加图标，监控输入值，输入限制，去掉下划线，自动换行等

python4_1的博客

09-01

1万+

flutter TextField位置居中，初始值（默认值），内容居中，设置圆角，前后加图标，监听，自动换行等操作

Flutter基础—常用控件之文本

咖啡花园

11-16

7051

Text控件即容器，是一个常用的控件，下面的实例有7个不同样式的文本控件：import 'package:flutter/material.dart'; class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Scaffold(

Flutter TextField怎样去除下划线及有焦点时颜色

欢迎加入Android老司机学院 482266514（技术交流群）密码CSDN

12-21

1760

修改方法只有把 enabledBorder: new UnderlineInputBorder focusedBorder: new UnderlineInputBorder 设置为 borderSide: BorderSide.none, 即可，修改焦点时颜色都可以在这里定义 Container( padding: EdgeInsets.only(left: 18.0, right: 18.0), height: 15

一对一直播源码Flutter Text 去掉黄色下划线

云豹网络科技

08-05

598

解决方法：在Text 样式style 中加入属性decoration: TextDecoration.none 如下： Text( '加载中', style: TextStyle( fontSize: 17, color: Color(0xff3c3c3c), decoration: TextDecoration.none),

TextView中跑马灯、删除线，抗锯齿，下划线效果的实现

The blog of CSDN in 杨天福

02-21

6608

条件： 1、android:ellipsize=”marquee” 2、TextView必须单行显示，即内容必须超出TextView大小 3、TextView要获得焦点才能滚动mTVText.setText(“超过文本长度的数据"); mTVText.setSingleLine(true);设置单行显示 mTVText.setEllipsize(TruncateAt.MARQUEE);设置跑马灯显示

去除IDEA重复代码的黄色下划波浪线

qq784515681的博客

05-19

3101

最近使用IDEA每次出现重复代码有黄色下划波浪线时都忘记怎么处理，今天做个记录，废话不多说，照着下面一步步操作就行了。第一步：点击IDEA左上角File->Settings，如下图第二步：在 setting->Editor 中搜索 inspections->General->Duplicated Code 取消勾选，点击apply适用，最后点击OK就大功告成。...

select的onchange事件不生效问题-AAR--黄色下划线

try

10-20

2587

onchange事件只有在值改变时才可触发，所以必须在每一次选择时（尤其第一次）保证选择的值是改变的！我的代码如下：刚刚开始呢，我是复制过来的代码，运行发现onchange不生效，在页面的onchange下面有黄色下划线，报错日志为： Undefined attribute name (οnchange) 就是说标签属性找不到，但是我们知道的确有这个属性。我上网...

黄色图标navicat-解压即用-无需注册下载