Flutter Text 下划线

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

Android_Trot

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

阅读量1k

点赞数 8

CC 4.0 BY-SA版权

文章标签： flutter

本文链接：https://blog.youkuaiyun.com/mengshirui_/article/details/136362367

本文介绍了如何在Flutter中使用IntrinsicWidth和Column组件创建自定义文本展示，特别关注了TextDecoration的使用，包括下划线、删除线等线条样式、颜色和宽度的设置。

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

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 ：设置线条的颜色