在單個 TextField 中為多行下划線 - Flutter/Dart

Question

希望擁有一個具有多行但每行都有下划線的 TextField。 鍵入文本時，它應該繼續到下一行，而不需要返回鍵。

當前的：

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

當前 Output：

所需的 Output：

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