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
– PatrickMahomes, Commented Jul 22, 2021 at 8:46
Probably because TextInputType.visiblePassword disables multiline as passwords are always single line fields. — PatrickMahomes
– PatrickMahomes, Commented Jul 22, 2021 at 9: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. — ACA
– ACA, Commented Jul 22, 2021 at 9:53
You can set maxlines to null or pass any integer value TextField( keyboardType: TextInputType.multiline, maxLines: null, ), — Zoraiz Ejaz
– Zoraiz Ejaz, Commented Jan 18, 2024 at 3:52

KuKu · Accepted Answer · 2021-07-22 09:25:44Z

9

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

answered Jul 22, 2021 at 9:25

KuKu

7,6101 gold badge16 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

ACA Over a year ago

I already do that but if I put keyboardType: TextInputType.multiline, the predicting text comes back even if I put "enableSuggestions: false, autocorrect: false"

adarsh · Accepted Answer · 2022-07-29 11:07:32Z

1

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

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

answered Jul 29, 2022 at 11:07

adarsh

5315 silver badges8 bronze badges

Comments

Ravindra S. Patil · Accepted Answer · 2023-01-12 18:09:06Z

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, 2023 at 18:09

answered Jul 22, 2021 at 8:46

Ravindra S. Patil

15.3k5 gold badges22 silver badges60 bronze badges

1 Comment

ACA Over a year ago

The same issue, it's don't work. When I pressed the button nothing past.

Mimou Belhadj · Accepted Answer · 2024-12-02 08:30:10Z

1

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

This should give you ability to jump line when pressing enter

edited Dec 2, 2024 at 8:30

answered Dec 2, 2024 at 8:24

Mimou Belhadj

112 bronze badges

Comments

ACA · Accepted Answer · 2021-07-27 12:10:08Z

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);}))

Md Nezam Uddin · Accepted Answer · 2022-10-24 11:30:17Z

0

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

answered Oct 24, 2022 at 11:30

Md Nezam Uddin

2871 silver badge6 bronze badges

Collectives™ on Stack Overflow

Flutter - Textfield add new line

6 Answers 6

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

1 Comment

Comments

1 Comment

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related