在单个 TextField 中为多行下划线 - Flutter/Dart

Posted 2023-02-23

【中文标题】在单个 TextField 中为多行下划线 - Flutter/Dart

【英文标题】：Underline multiple lines in single 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),
                      ),
                    ),
                  )

电流输出：

期望的输出：

【问题讨论】：

你有解决办法吗？

【参考方案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),
              ),
            ),

如果您仍想更改下划线的颜色、类型或密度，请使用decorationStyle、decorationColor 和decorationThickness 属性。

【讨论】：

您的解决方案与我正在寻找的不同。我希望 maxLines 和小部件的长度出现下划线。不仅仅是对已输入文本的装饰。

等一下，我会给你一些参考

抱歉，我没有找到解决方案。最终改变了 UI 设计来解决。