Flutter: How to hide TextField text pointer (cursor) when use initial value text (Android)

Question

Use case: Messaging app you edit your message: keyboard, blinking cursor and initial text appears but pointer (cursor) is not

But on Flutter when you use initial text (or via textController) there are always pointer(cursor) which is not wanted

Example

Steps to reproduce: run flutter create bug

edit main.dart to replace center text (line 100) to MyStatefulPage(),

class MyStatefulPage extends StatefulWidget {
  @override
  State<MyStatefulPage> createState() {
    return _MyStatefulPageState();
  }
}
class _MyStatefulPageState extends State<MyStatefulPage> {

  TextEditingController controller;

  @override
  void initState() {
    super.initState();
    controller = new TextEditingController();
    controller.text = 'My Initial Text';
  } 

  @override
  Widget build(BuildContext context) {
    return TextField(
      decoration: InputDecoration(
       border: InputBorder.none
      ),
      // showCursor: false,
      controller: controller,
      autofocus: true,
      maxLines: 8,
    );
  }
}

With that code when you open app keyboard will appear but so will pointer(cursor) I want to hide this cursor(pointer).

Note: it's only for Android.

Hi @DMDev No, this question was created almost 2 years ago. Maybe some of the answers are correct but I haven't tested them if you will find a solution please post it here as well, Thanks! — Philip Dolenko, Sep 12 '22 at 15:40

score 29 · Answer 1 · answered Jul 23 '20 at 08:52

29

TextField set enableInteractiveSelection property to false can resolve this issue

answered Jul 23 '20 at 08:52

menttofly

291
3
5

Still, the pointer is visible below the cursor – Prototype Jul 01 '23 at 15:09

score 2 · Answer 2 · answered Jan 21 '22 at 21:30

2

TextFormField cursorHeight: 0 and cursorWidth: 0 can hide the cursor.

answered Jan 21 '22 at 21:30

Cristian Cousin

31
2

score 2 · Answer 3 · answered Dec 18 '22 at 09:13

2

in textformfield use showCursor: false

answered Dec 18 '22 at 09:13

Aaishah

21
2

Your answer could be improved with additional supporting information. Please [edit] to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers [in the help center](/help/how-to-answer). – Community Dec 20 '22 at 16:10

score 0 · Answer 4 · answered Mar 03 '23 at 09:58

0

TextFormField(enableInteractiveSelection: false)

answered Mar 03 '23 at 09:58

ajaybadole

121
1
1
6

score 0 · Answer 5 · answered Jul 21 '23 at 23:07

0

readOnly: true, hide the cursor

answered Jul 21 '23 at 23:07

mohammad mowludi

1
2

score 0 · Answer 6 · answered Jul 26 '23 at 06:48

0

To hide the blinking cursor

Add this line of code

showCursor: false

To hide the editing pointer

Add this line of code

enableInteractiveSelection: false

answered Jul 26 '23 at 06:48

Lekr0

653
1
8
17

Flutter: How to hide TextField text pointer (cursor) when use initial value text (Android)

6 Answers6