flutter text 删除线

最新推荐文章于 2022-09-22 10:57:23 发布
最新推荐文章于 2022-09-22 10:57:23 发布
阅读量762 收藏
点赞数
分类专栏： Flutter开发 文章标签： flutter text删除线 flutter text中间线 text中间线 text删除线 flutter 删除线
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xudailong_blog/article/details/102806268
版权
本文介绍了如何在 Flutter 中创建文本删除线效果，通过代码示例展示了具体实现过程，适用于需要在文本中添加删除线的场景。
摘要由CSDN通过智能技术生成
（一）需求：主要实现的是如下效果

在这里插入图片描述

这里我们会用到Text中的TextStyle中的decoration属性：代码如下：

Text('¥ ${detailInfo.originalPrice}',style: 
TextStyle(
	color: MyColorRes.tvMainUnSelectColor,
	fontSize: 12,
	decoration: TextDecoration
最低0.47元/天 解锁文章
xudailong_blog
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
【Flutter】Flutter Text 控件实现下划线、删除线、虚线、加粗、斜体
Code Metaverse
07-27 4244
在 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基础—常用控件之文本
咖啡花园
11-16 6993
Text控件即容器，是一个常用的控件，下面的实例有7个不同样式的文本控件：import 'package:flutter/material.dart'; class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Scaffold(
flutter如何实现删除线效果
weixin_39553363的博客
03-17 524
在一些电商app中，往往会看到一些价格是打上删除线的效果 效果图 实现思路 通过TextDecoration对象中的lineThrough 即可 Text("￥70.00起",style: TextStyle( color:Color(0xffc3c3c3), font...
Flutter | 常用组件分类、概述、实战
aaLiweipeng的博客
06-12 1171
Flutter组件的分类 文字类型 容器类型 辅助提示类型 列表类型 系统主题风格类型 交互类型 文字类型 用于描述文字， 如Text组件，一个普通的文本， 属性有字体的颜色、大小、下划线、删除线、加粗、字体风格等； RichText组件，一个富文本， 可以描述丰富的字体样式； 案例如下：（Text的所有属性及相关的意义） /// color 颜色 /// ...
Flutter Text内容居中显示
01-07
通过设置textAlign属性的值为TextAlign.center可以让Text的内容居中 class _MyHomePageState extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text...
Flutter Text内容展示越界
01-08
在Flutter中，使用Text是需要在上层组建中指定宽度的，如果不指定宽度当出现文字很长的情况下，就会越界，即使指定TextOverflow.ellipsis也无效。 但是由于手机机型不固定，适配难度大，组件长度并不容易指定，如何...
Flutter Text(Flutter文本显示和样式)
10-05
Text Widget用于显示简单样式文本，它包含一些控制文本显示样式的一些属性，类似于Android中的TextView
flutter-masked-text:Flutter的遮罩文字
05-06
flutter_masked_text 遮罩的文本输入，使内容更加流畅。 警报 嗨，大家好！ 不幸的是，我不再开发移动设备了。 此存储库将不会收到更新。 安装 遵循本 用法 导入库 import 'package:flutter_masked_text/flutter_...
你不知道的下划线属性-text-decoration
专注于图像领域，主要研究内容包括计算机视觉和深度学习，特别是在图像分类、目标检测和图像生成等方面有深入的研究和实践经验。
08-30 2万+
创作不易 拒绝白嫖 点个赞呗 关注专栏 学透CSS,带你走进CSS的深处！！！ 前言 上一篇文章我们介绍了这张图，还是这张图，引出本文本文想要介绍的内容，下划线，上划线，删除线。 第一眼看过去，我们看到的是啥？没错，是文字。 text-decoration 定义 text-decoration 是用来设定文本的下划线，上划线，删除线 以下三种属性的简写： text-decoration-line text-decoration-color text-decoration-style text-deco.
Flutter Text文本删除线、下划线设置
代码小疯子
01-08 3021
Flutter Text decoration: TextDecoration.lineThrough 下划线
Flutter Text 下面有两个默认的下划线，和设置划掉效果
热门推荐
baidu_34120295的博客
01-15 2万+
Text的decoration默认是TextDecoration.none 不知道什么原因，有时候定义的Text下面会出现两个下划线，如下图： 此时要去掉下面的下划线只需要在style下面的TextStyle增加属性decoration: TextDecoration.none   其次加个扩展，若想加划掉的效果，如下图： 可通过设置如下属性： ...
TextView中跑马灯、删除线，抗锯齿，下划线效果的实现
The blog of CSDN in 杨天福
02-21 6561
条件： 1、android:ellipsize=”marquee” 2、TextView必须单行显示，即内容必须超出TextView大小 3、TextView要获得焦点才能滚动mTVText.setText(“超过文本长度的数据"); mTVText.setSingleLine(true);设置单行显示 mTVText.setEllipsize(TruncateAt.MARQUEE);设置跑马灯显示
CSS基础之CSS文本属性
m0_70521709的博客
05-08 176
div { color: blue; } | 表示 | 属性值 | | — | — | | 预定义的颜色值 | red，green，blue，pink等 | | 十六进制 | #FF0000, #FF6600，#29D794 | | RGB代码 | rgb（255，0，0） 或rgb(100%，0%，0%) | [](()2.text-align =========================================================================== text
TextView如何设置删除线
weixin_34290390的博客
02-25 475
只要在代码中添加如下代码即可 textView.getPaint().setFlags(Paint.STRIKE_THRU_TEXT_FLAG); 转载于:https://www.cnblogs.com/nangongyibin/p/10433648.html
text-decoration:line-through;删除线相对字不在中间
gayayzy的专栏
11-29 5527
1，可是删除线相对字不在中间，在偏下的位置， 2，IE还出现了，汉字和数字，删除线不在一行。IE7也有点，不过不明显。（如下图） 解决办法： {font-family: "宋体"; vertical-align: middle;} font-family是让元素内的文字统一字体（统一IE7下的效果） vertical-align: middle是让元素内的文字垂直居中
TextView 添加删除线
木木不
03-03 1万+
我夕 在做商城的项目中，有这么个需求，就是一个产品下有两个价格，一个是市场价，一个是销售价，这时要把市场价添加个删除线； 刚开始遇到这个时，在网上找了半天的资料，看到最多的就是用SpannableString这个类中的方法，而且代码多，感觉有点繁琐，后来发现用Paint里的一些方法实现更好，只须一句代码 如下：   public class HelloActivity extends
TextView添加删除线
wanderer_ankey的博客
01-05 509
tv_text.getPaint().setFlags(Paint.UNDERLINE_TEXT_FLAG);//下划线 tv_text.getPaint().setFlags(Paint. STRIKE_THRU_TEXT_FLAG ); //删除线 tv_text.getPaint().setAntiAlias(true);// 抗锯齿
flutter text 居中
最新发布
09-10
在 Flutter 中，我们可以使用 `Text` 组件来显示文本，并设置其居中对齐。 要使 `Text` 组件居中，我们可以将其包裹在一个 `Center` 组件中。`Center` 组件会自动将其子组件居中显示。 以下是一个示例代码： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值