Flutter textfield select all on focus

Flutter TextField – Select All on Focus

When a Flutter TextField is focused, you can programmatically select all the text inside it. This can be achieved by using the TextEditingController class and the addListener method.

Example:

Here’s an example of a basic Flutter application with a TextField that selects all text when focused:

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  final TextEditingController _textEditingController = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Select All on Focus',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Select All on Focus'),
        ),
        body: Center(
          child: TextField(
            controller: _textEditingController,
            decoration: InputDecoration(
              hintText: 'Type something...',
            ),
            onTap: () {
              _textEditingController.selection = TextSelection(
                  baseOffset: 0,
                  extentOffset: _textEditingController.value.text.length);
            },
          ),
        ),
      ),
    );
  }
}
   

In this example, we create a TextField and a TextEditingController. When the TextField is tapped, we set the selection of the TextEditingController to be from the beginning to the end of the text using the TextSelection method. This ensures that all text inside the TextField is selected when it is focused.

Note: To run this example, make sure to add the required dependencies in your pubspec.yaml file and run flutter packages get.