Flutter - Textfield add new line

Question

I try to make a TextField with keyboardType: TextInputType.visiblePassword to disable the predictive text but with that I can't go to a new line because it's a submit button. I try to add textInputAction: TextInputAction.newline but don't work too.

My TextField:

TextField(
     focusNode: myFocusNode,
     autocorrect: false,
     enableSuggestions: false,
     toolbarOptions: ToolbarOptions(copy: false, cut: false, paste: false),
     keyboardType: TextInputType.visiblePassword,
     textInputAction: TextInputAction.newline,
     autofocus: true,
     maxLines: null,
     controller: textEditor,
     decoration: InputDecoration(fillColor: Colors.grey[100])
))));

You could try setting `maxLines:` property to 2 or whatever you want it to be. — PatrickMahomes, Jul 22 '21 at 08:46
Probably because `TextInputType.visiblePassword` disables multiline as passwords are always single line fields. — PatrickMahomes, Jul 22 '21 at 09:46
Yes it's what I think, but I need to disable the predictive text and to have a new line. `TextInputType.multiline` don't work too. — Flamageil, Jul 22 '21 at 09:53

score 5 · Answer 1 · answered Jul 22 '21 at 09:25

You just add below parameter to disable predicting text.

enableSuggestions: false,
autocorrect: false,

But to enable multiline, you need to change 'keyboardType' to 'TextInputType.multiline'.

TextField(
        autocorrect: false,
        enableSuggestions: false,
        toolbarOptions: ToolbarOptions(copy: false, cut: false, paste: false),
        keyboardType: TextInputType.multiline,
        textInputAction: TextInputAction.newline,
        autofocus: true,
        maxLines: null,
        decoration: InputDecoration(fillColor: Colors.grey[100]))

I already do that but if I put keyboardType: TextInputType.multiline, the predicting text comes back even if I put "enableSuggestions: false, autocorrect: false" — Flamageil, Jul 22 '21 at 09:40

Ravindra S. Patil · Answer 2 · 2023-01-12T18:09:06.443

1

Change TextInputAction.newline to TextInputAction.next

TextField(
          focusNode: myFocusNode,
          autocorrect: false,
          enableSuggestions: false,
          toolbarOptions:
             const ToolbarOptions(copy: false, cut: false, paste: false),
          keyboardType: TextInputType.visiblePassword,
          textInputAction: TextInputAction.newline,
          autofocus: true,
          maxLines: null,
          controller: textEditor,
          decoration: InputDecoration(
            fillColor: Colors.grey[100],
          ),
        ),

edited Jan 12 '23 at 18:09

answered Jul 22 '21 at 08:46

Ravindra S. Patil

11,757
3
13
40

The same issue, it's don't work. When I pressed the button nothing past. – Flamageil Jul 22 '21 at 09:39

score 1 · Answer 3 · answered Jul 29 '22 at 11:07

1

if next line button show inside keyboard, so use only two line

  keyboardType: TextInputType.multiline,
  textInputAction: TextInputAction.newline,

answered Jul 29 '22 at 11:07

adarsh

403
3
8

score 0 · Accepted Answer · answered Jul 27 '21 at 12:10

I add my textfield in a RawKeyboardListener and when user press "Enter" it's detect automatically.

RawKeyboardListener(
      focusNode: FocusNode(),
      onKey: (event) {
             if(event.isKeyPressed(LogicalKeyboardKey.enter)) {
                 int cursorPos = textEditor.selection.base.offset;
                 textEditor.text = textDebut + '\n' + textFin;
                 textEditor.selection = TextSelection.fromPosition(TextPosition(offset: cursorPos + 1));}},
child:TextField(
      focusNode: myFocusNode,
      autocorrect: false,
      enableSuggestions: false,
      toolbarOptions: ToolbarOptions(copy: false, cut: false, paste: false),
      keyboardType: TextInputType.visiblePassword,
      textInputAction: TextInputAction.newline,
      autofocus: true,
      maxLines: null,
      controller: textEditor,
      decoration: InputDecoration(fillColor: Colors.grey[100]),
      onChanged: (String text) {print(text);}))

score 0 · Answer 5 · answered Oct 24 '22 at 11:30

add this line : textInputAction: TextInputAction.newline, remove this line : keyboardType: TextInputType.text,

TextField(
           //keyboardType: TextInputType.text,
             textInputAction: TextInputAction.newline,
             maxLines: 30,
             decoration: InputDecoration(
             border: InputBorder.none,
             labelStyle: greyTextStyle400,
             hintStyle: greyTextStyle400,
             hintText: "Message...",
            ),
          ),

Flutter - Textfield add new line

5 Answers5