多行文本字段在扑动

这可能听起来容易，但我们如何能做一个多行可编辑的文本域颤振?TextField只与单行工作。

编辑:一些精确度，因为看起来不清楚。虽然您可以将multiline设置为虚拟换行文本内容，但它仍然不是多行。它是一行显示成多行。如果你想做这样的事，那就不行。因为你没有回车键。没有回车键就没有多路线路。

当前回答

虽然其他人已经提到键盘类型“TextInputType”。multiline”可以使用，我想添加一个TextField的实现，当输入新行时自动调整其高度，因为它通常希望模仿WhatsApp和类似应用程序的输入行为。

每次更改文本时，我都会分析输入中的'\n'字符的数量。这似乎有点过分，但不幸的是，到目前为止，我在Flutter中没有找到更好的实现这种行为的可能性，即使在旧的智能手机上，我也没有注意到任何性能问题。

class _MyScreenState extends State<MyScreen> {
  double _inputHeight = 50;
  final TextEditingController _textEditingController = TextEditingController();

  @override
  void initState() {
    super.initState();
    _textEditingController.addListener(_checkInputHeight);
  }

  @override
  void dispose() {
    _textEditingController.dispose();
    super.dispose();
  }

  void _checkInputHeight() async {
    int count = _textEditingController.text.split('\n').length;

    if (count == 0 && _inputHeight == 50.0) {
      return;
    }
    if (count <= 5) {  // use a maximum height of 6 rows 
    // height values can be adapted based on the font size
      var newHeight = count == 0 ? 50.0 : 28.0 + (count * 18.0);
      setState(() {
        _inputHeight = newHeight;
      });
    }
  }


  // ... build method here
  TextField(
    controller: _textEditingController,
    textInputAction: TextInputAction.newline,
    keyboardType: TextInputType.multiline,
    maxLines: null,
  )

2019-10-26 11:50:24

其他回答

TextField有maxLines属性。

2017-08-28 06:14:13

class _MyScreenState extends State<MyScreen> {
  double _inputHeight = 50;
  final TextEditingController _textEditingController = TextEditingController();

  @override
  void initState() {
    super.initState();
    _textEditingController.addListener(_checkInputHeight);
  }

  @override
  void dispose() {
    _textEditingController.dispose();
    super.dispose();
  }

  void _checkInputHeight() async {
    int count = _textEditingController.text.split('\n').length;

    if (count == 0 && _inputHeight == 50.0) {
      return;
    }
    if (count <= 5) {  // use a maximum height of 6 rows 
    // height values can be adapted based on the font size
      var newHeight = count == 0 ? 50.0 : 28.0 + (count * 18.0);
      setState(() {
        _inputHeight = newHeight;
      });
    }
  }


  // ... build method here
  TextField(
    controller: _textEditingController,
    textInputAction: TextInputAction.newline,
    keyboardType: TextInputType.multiline,
    maxLines: null,
  )

2019-10-26 11:50:24

如果以上没有为您工作，然后尝试添加minLines也

TextField(
        keyboardType: TextInputType.multiline,
        minLines: 3,
        maxLines: null);

2019-10-11 10:08:02

对于自动抓取，只使用空maxLines

TextFormField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

TextField(
  keyboardType: TextInputType.multiline,
  maxLines: null,
)

2022-08-13 07:31:42

你必须在TextField小部件中使用这一行:

maxLines: null,

如果没有工作，请注意，你必须删除这个:

textInputAction: TextInputAction.next

它是禁用多行属性动作在键盘..

2021-11-17 23:27:30

多行文本字段在扑动

推荐文章

最新文章

标签