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),
                      ),
                    ),
                  )

电流输出：

期望的输出：

标签： flutterdartmobileflutter-layout

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属性。