How to select all text in a Flutter TextField?

By default, Flutter’s TextField widget doesn’t provide a built-in method to select all text. However, you can achieve this functionality by using a combination of TextEditingController and FocusNode.

Step 1: Create a TextEditingController

TextEditingController _controller = TextEditingController();

Step 2: Create a FocusNode

FocusNode _focusNode = FocusNode();

Step 3: Assign the TextEditingController and FocusNode to the TextField

TextField(
    controller: _controller,
    focusNode: _focusNode,
    // Other properties...
  )

Step 4: Implement a Select All function

You can create a function that will select all text when called:

void selectAllText() {
    _controller.selection = TextSelection(
      baseOffset: 0,
      extentOffset: _controller.text.length,
    );
    if (_focusNode.hasFocus) {
      _focusNode.unfocus();
      _focusNode.requestFocus();
    }
  }

Step 5: Trigger the Select All function

You can call the selectAllText function from a button or any other trigger:

ElevatedButton(
    onPressed: selectAllText,
    child: Text('Select All'),
  )

When the “Select All” button is pressed, it will select the entire text within the TextField. The function first sets the selection of the TextEditingController, and then unfocuses and refocuses the TextField to update the visual selection.