多行文本字段在扑动

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

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

当前回答

指定TextInputAction。newline使TextField响应enter键并接受多行输入:

textInputAction: TextInputAction.newline,

2020-05-07 04:55:19

其他回答

使用这个

 Expanded(
        child: TextField(
          controller: textMessageController,
          keyboardType: TextInputType.multiline,
          textCapitalization: TextCapitalization.sentences,
          minLines: 1,
          maxLines: 3,
          onChanged: ((value) {
            setState(() {
              _messageEntrer = value;
            });
          }),
          decoration: InputDecoration(
            hintText: "Type your message here",
            hintMaxLines: 1,
            contentPadding:
                const EdgeInsets.symmetric(horizontal: 8.0, vertical: 10),
            hintStyle: TextStyle(
              fontSize: 16,
            ),
            fillColor: Colors.white,
            filled: true,
            enabledBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(30.0),
              borderSide: const BorderSide(
                color: Colors.white,
                width: 0.2,
              ),
            ),
            focusedBorder: OutlineInputBorder(
              borderRadius: BorderRadius.circular(30.0),
              borderSide: const BorderSide(
                color: Colors.black26,
                width: 0.2,
              ),
            ),
          ),
        ),
      ),

2022-11-27 12:46:21

   TextFormField(
                  minLines: 2,
                  maxLines: 5,
                  keyboardType: TextInputType.multiline,
                  decoration: InputDecoration(
                    hintText: 'description',
                    hintStyle: TextStyle(
                      color: Colors.grey
                    ),
                    border: OutlineInputBorder(
                      borderRadius: BorderRadius.all(Radius.circular(20.0)),
                    ),
                  ),
                ),

2020-11-30 00:16:32

使用扩展小部件进行动态感觉

Expanded(
            child: TextField(
              keyboardType: TextInputType.multiline,
              minLines: 1,
              maxLines: 3,
            ),
          )

2021-03-29 10:54:10

使用这个

TextFormField(
      keyboardType: TextInputType.multiline,
      maxLines: //Number_of_lines(int),)

2019-06-23 14:39:52

指定TextInputAction。newline使TextField响应enter键并接受多行输入:

textInputAction: TextInputAction.newline,

2020-05-07 04:55:19

多行文本字段在扑动

推荐文章

最新文章

标签