Question 194784 in Flutter Question posted in
The official Flutter documentation can be found here.

Flutter: What's the usage of the textEditingController provided to fieldViewBuilder in the Autocomplete widget?

What’s the usage of the textEditingController provided to fieldViewBuilder in the Autocomplete widget? What can it be used for? Can it be used to modify or clear the content of the TextField?

Autocomplete<String>(
        fieldViewBuilder: (
          BuildContext context,
          TextEditingController textEditingController,
          FocusNode focusNode,
          VoidCallback onFieldSubmitted,
        ) {
          return TextField(
            controller: textEditingController,
            focusNode: focusNode,
            onChanged: (String value) {
              print('The text has changed to: $value');
            },
          );
        },
Tags:

2

Answers


  1. 0

    The textEditingController property provided to the fieldViewBuilder in the Autocomplete widget is used to control the text field. It can be used to modify or clear the content of the text field.

    Login or Signup to reply.
  2. 0 
    
void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Clear Text Field',
      home: Scaffold(
        body: Center(
          child: TextField(
            controller: TextEditingController(text: 'This is the text'),
            onChanged: (String value) {
              print('The text has changed to: $value');
            },
            onEditingComplete: () {
              // Clear the text field's value.
              textEditingController.clear();
            },
          ),
        ),
      ),
    );
  }
}

    In this example, the TextField widget has a controller property that is initialized with a string value. The onChanged callback of the TextField widget is used to print the current value of the text field to the console. The onEditingComplete callback is used to clear the text field’s value when the user presses the Enter key.

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search