Flutter Text 下划线

Dart 复制代码
IntrinsicWidth(
                                          child: Column(
                                            mainAxisAlignment:
                                                MainAxisAlignment.center,
                                            children: [
                                              Text(
                                                "工单名称",
                                                style: TextStyle(
                                                  overflow: TextOverflow.fade,
                                                  color: AppColors.baseColor,
                                                  fontSize: 15.sp,
                                                  // decorationStyle: TextDecorationStyle.dashed
                                                ),
                                              ),
                                              Container(
                                                margin: EdgeInsets.only(top: 1.h),
                                                height: 1.h,
                                                color: AppColors.baseColor,
                                              )
                                            ],
                                          ),
                                        ),

系统自带的下划线、 删除线

decoration :TextDecoration可在文字上 中 下方添加直线

decorationStyle :extDecorationStyle 可指定线条样式,如直线、虚线、波浪线、双实线、点线

decorationThickness :设置线条的宽度

decorationColor :设置线条的颜色

相关推荐
西西学代码1 小时前
Flutter---动画
flutter
码农汉子1 小时前
构建属于自己的Flutter混合开发框架
flutter·dart
xkxnq4 小时前
第一阶段:Vue 基础入门(第 8 天)
前端·vue.js·flutter
kirk_wang4 小时前
Flutter flutter_pdfview 在 OpenHarmony 平台的适配实战:原理与实现指南
flutter·移动开发·跨平台·arkts·鸿蒙
西西学代码20 小时前
Flutter---CustomPaint
学习·flutter
火柴就是我20 小时前
flutter 实现文本贴图
flutter
Swift社区1 天前
Flutter / RN / iOS 的 UI 渲染机制,本质差异在哪里?
flutter·ui·ios
小蜜蜂嗡嗡1 天前
flutter可吸边且隐藏一半的拖拽悬浮按钮
flutter
AiFlutter1 天前
三、内容展示(04):条形码
flutter·低代码平台·aiflutter·aiflutter低代码·flutter低代码开发