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

2021-01-08 16:52:12 851 收藏
分类专栏： Flutter项目开发全套教程 文章标签： android ios flutter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zl18603543572/article/details/112371041
版权
Flutter项目开发全套教程 专栏收录该内容
187 篇文章 61 订阅
订阅专栏

常用在价格方面的打折处

    Text(
      "￥145",
      style: TextStyle(
        //中间删除线 TextDecoration.lineThrough
        //底部下划线TextDecoration.underline
        //顶部上划线 TextDecoration.overline
        decoration: TextDecoration.lineThrough,
        fontSize: 14,
        color: Colors.grey,
      )

详细分析说明已录制为视频 可查看下方

Flutter 文本 Text 下划线、删除线、波浪线 -字幕版

早起的年轻人
关注
  • 0
    点赞
  • 0
    评论
  • 0
    收藏
  • 一键三连
    一键三连

  • 扫一扫，分享海报

专栏目录
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 文字与边框(下划线)距离
维基百科
10-28 3450
TextField( decoration: InputDecoration( contentPadding: EdgeInsets.only(top: 2.0, bottom: 6.0),//设置文字内容与边框距离 enabledBorder: UnderlineInputBorder( borderSide: BorderSide( ...
表情包
插入表情
还能输入1000个字符
相关推荐
Flutter中的分割线效果实现
null
03-30 2万+
Flutter中的分割线效果实现第一种：Divider(Double:height,Double:indent,color:color)第二种：DecoratedBox(decoration:BoxDecoration(Border:border))第三种：用Widget 阴影达到分割线的效果，一个Widget 效果不明显，当两个都有阴影的Widget 相邻的时候就达到的分割线的效果 第一种：Di...
Flutter Text 下面有两个默认的下划线，和设置划掉效果
baidu_34120295的博客
01-15 1万+
Text的decoration默认是TextDecoration.none 不知道什么原因，有时候定义的Text下面会出现两个下划线，如下图： 此时要去掉下面的下划线只需要在style下面的TextStyle增加属性decoration: TextDecoration.none   其次加个扩展，若想加划掉的效果，如下图： 可通过设置如下属性： ...
Flutter文本组件添加下划线、删除线
THE CODE IS MY GOD!
11-19 1125
import 'package:flutter/material.dart'; void main(){ runApp( MaterialApp( title:'Text Demo', home:ContainerDemo() ), ); } class ContainerDemo extends StatelessWidget { @ov...
修改Flutter的TextField里的下划线
wangweiscsdn的博客
11-13 967
修改前TextField里的下划线颜色是跟着主题色走的 添加以下代码 TextField( autofocus: true, focusNode: focusNode1,//关联focusNode1 decoration: InputDecoration( labelText: "备注：", l.
Flutter TextFiled去掉下划线
徐代龙的技术专栏
07-11 1843
Flutter系统自带的TextFiled都带有下划线，有时候我们并不需要 此时我们只需要在decoration中加入一下代码： Container( alignment: Alignment.topLeft, child: TextField( maxLines: 10, onChanged: _textFieldChanged, ...
Flutter Text 去掉黄色下划线
冬无雪的博客
06-30 2044
Flutter 中如果没有使用Material的话Text会有黄色的下划线， 解决方法： 在Text 样式style 中加入属性decoration: TextDecoration.none 如下： Text( '加载中', style: TextStyle( fontSize: 17, color: Color(0xff3c3c3c), de
flutterText 文字下有黄色下划线
Crystal_xing的专栏
11-11 288
https://www.jianshu.com/p/1f0a29cddba1 解决方式 采用根节点为脚手架Scaffold组件 Scaffold(body: content,);
Flutter TextField 去掉下划线
RollingPin的博客
01-11 214
TextField 默认自带下划线, 然鹅现在UI设计一般做无边框输入框,通过简单设置decoration去掉下划线 border: InputBorder.none, TextField( style: TextStyle(color: Colors.white, fontSize: 16.0), decoration: InputDecoration( border: InputBorder.none, hintText: '输入提示占位字符',
flutter控件添加下划线，就是边框只显示底部，添加分隔线
xiaoqi307的博客
06-22 1万+
new Container( height: 35, width: MediaQuery.of(context).size.width - 140, decoration: BoxDecoration( border:Border(bottom:BorderSide(width: 1,col...
Flutter基本控件介绍
道法自然
01-07 1万+
Flutter控件本身通常由许多小型、单用途的控件组成，结合起来产生强大的效果，例如，Container是一种常用的控件，由负责布局、绘画、定位和大小调整的几个控件组成，具体来说，Container是由LimitedBox、ConstrainedBox、 Align、Padding、DecoratedBox和Transform控件组成，而不是将Container子类化来产生自定义效果，您可以用这种新
Flutter基础—常用控件之文本
咖啡花园
11-16 6690
Text控件即容器，是一个常用的控件，下面的实例有7个不同样式的文本控件：import 'package:flutter/material.dart'; class ContainerDemo extends StatelessWidget { @override Widget build(BuildContext context) { return new Scaffold(
Flutter 基础组件之 Text
禽兽先生不禽兽
12-18 7543
终于安装好了 Flutter 的环境，既然入了坑，就一点一点学吧，Flutter 可以说一切皆组件吧，所以要熟练掌握各个基础组件的 API，然后才能在面对复杂需求的时候才能得心应手的将各个组件组合起来，首先文本展示可以说是最基本的需求，所以先看看 Text 组件的使用。 1 构造方法 Text(String data, { Key key, TextStyle style, TextAlign...
Flutter实战一Flutter聊天应用（二）
咖啡花园
06-06 1万+
随着项目的代码越来越多，我们会碰到各种问题，所以我们需要学习一下如何使用IntelliJ定位并解决问题。我们可以在IntelliJ IDE上调试在模拟器/仿真器或真机设备上运行的Flutter应用程序，使用IntelliJ编辑器可以： 选择一个设备或模拟器来调试应用程序。 查看控制台消息。 在代码中设置断点。 在运行时检查变量并评估表达式。 IntelliJ编辑器在您的应用程序运行时会显示系统日志，
flutter Text组件
Mobius_z的博客
01-17 243
void main ()=>runApp(myApp()); class myApp extends StatelessWidget{ @override Widget build(BuildContext context){ return MaterialApp( title:'啦啦啦，fluterApp上线了', home:Scaffold( ...
Flutter Text(Flutter文本显示和样式)
马志武的博客
05-21 9607
目录 参数讲解 代码示例 效果图 附：如何在 Text widget上设置自定义字体 完整代码 参数讲解 Text Widget用于显示简单样式文本，它包含一些控制文本显示样式的一些属性，类似于Android中的TextView 属性 作用 data Text显示的文本，必填参数 textAlign 文本的对齐方式,可以选择左对齐、右对齐还是居中对...
flutter TextDecoration 和 TextDecorationStyle
狼族小子的专栏
08-10 5348
TextDecoration 是用来在文本附近绘制线性装饰的类. 目前有4个属性 lineThrough 在每行文字中画一条线 none 不做任何事情 overline 在每行文本上方画一条线 underline 在每行文本下面画一条线 lineThrough none overline underline ...
©️2020 CSDN 皮肤主题: 代码科技 设计师:Amelia_0503 返回首页
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值