我想创建自定义样式的下划线,如下所示.我可以看到一些内置的测试装饰风格(粗体,点,双层和波浪形),想要一些如下所示.有没有一种方法可以在Flutter 翼中实现这种造型?

enter image description here

推荐答案

欢迎来到Flutter 的世界,在那里你可以组合不同的小部件树来获得你想要的结果.

Result:

enter image description here

Code

IntrinsicWidth(
      child: Column(
        children: [
          Text(
            "Expenses",
            style: TextStyle(color: Colors.white, fontSize: 30),
          ),
          SizedBox(
            height: 5,
            child: Row(
              children: [
                Expanded(
                  flex: 3,
                  child: Container(
                    color: Colors.white,
                  ),
                ),
                SizedBox(
                  width: 5,
                ),
                Expanded(
                  flex: 2,
                  child: Container(
                    color: Colors.white,
                  ),
                ),
                SizedBox(
                  width: 8,
                ),
                Expanded(
                  flex: 1,
                  child: Container(
                    color: Colors.white,
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    )

Flutter相关问答推荐

飘动的文本用/字符绕转

ListTile未正确显示在flutter中

为什么Flutter InAppWebView中的DatePicker看起来很旧?

Flutter 对齐:不适用于多行文字

FCM通知显示两次通知(&A)

有没有什么方法可以加快在Flutter 中加载Quill HTML编辑器的速度?

通过Ffltter应用程序与Docker服务器进行交互以进行身份验证

如何在点击查看措辞下方添加句子?

NotifierProvider 每次更新都会重新构建并且值不更新

Flutter Riverpod 对提供者状态的变化做出react

hooks_riverpod 有用途吗

忽略异步函数上的 context.mounted 访问 linting 错误是否安全?

如何为文本主题设置多种 colored颜色 ?

扫描flutter生成的二维码后如何弹出文本字段值

使用 mocktail 包进行单元测试时,类型Null不是Future类型的子类型

如何将变量翻译成其他语言

Flutter :RangeError(索引):无效值:不在包含范围内0..3:4使用IndexedListView.builder

如何在Flutter 中制作自定义微调器?

参数类型Future>不能分配给参数类型Future>?

在列表视图Flutter 中 Select 下一个单选按钮时单选按钮更改