【问题标题】:Underline multiple lines in single TextField - Flutter/Dart在单个 TextField 中为多行下划线 - Flutter/Dart
【发布时间】:2020-10-15 14:34:24
【问题描述】:

希望拥有一个包含多行但每行都有下划线的 TextField。键入文本时,它应该继续到下一行而不需要返回键。

当前:

TextField(
                    maxLines: 2,
                    decoration: InputDecoration(
                      enabledBorder: new UnderlineInputBorder(
                        borderSide: BorderSide(
                            color: Colors.black,
                            width: 1.0,
                            style: BorderStyle.solid),
                      ),
                    ),
                  )

电流输出:

期望的输出:

【问题讨论】:

  • 你有解决办法吗?

标签: flutter dart mobile flutter-layout


【解决方案1】:

我猜这对你有用

TextField(
              keyboardType: TextInputType.multiline,
              minLines: 100,
              maxLines: 500,
              style: TextStyle(
                decoration: TextDecoration.underline,
              ),
              decoration: InputDecoration(
                enabledBorder: InputBorder.none,
                hintText: 'Notes.....',
                hintStyle: TextStyle(color: Colors.black87),
              ),
            ),

如果您仍想更改下划线的颜色、类型或密度,请使用decorationStyledecorationColordecorationThickness 属性。

【讨论】:

  • 您的解决方案与我正在寻找的不同。我希望 maxLines 和小部件的长度出现下划线。不仅仅是对已输入文本的装饰。
  • 等一下,我会给你一些参考
  • 抱歉,我没有找到解决方案。最终改变了 UI 设计来解决。
猜你喜欢
  • 2018-07-20
  • 1970-01-01
  • 2018-12-10
  • 2018-08-08
  • 2020-09-11
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-11-15
相关资源
最近更新 更多