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

Question

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

当前:

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

当前输出:

期望的输出:

Answer 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 属性.