DropdownMenu's value can't be reset/cleared #165877

Activity

1. maheshj01

   added

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   on Mar 26, 2025
2. maheshj01 commented on Mar 26, 2025

   

   maheshj01

   on Mar 26, 2025

   Member

   More actions

   @ndonkoHenri you should try using the texteditingController to reset the field, selectedMenuItem in your field is being used for initialSelection updating it won't change the selectedItem value

   code sample

   import 'package:flutter/material.dart';
   
   void main() => runApp(MyApp());
   
   class MyApp extends StatelessWidget {
     @override
     Widget build(BuildContext context) {
       return MaterialApp(home: DropdownExample());
     }
   }
   
   class DropdownExample extends StatefulWidget {
     @override
     State<DropdownExample> createState() => _DropdownExampleState();
   }
   
   class _DropdownExampleState extends State<DropdownExample> {
     final List<String> items = ['Apple', 'Banana', 'Cherry'];
     String? selectedMenuItem = 'Apple';
     String? selectedButtonItem = "Apple";
     final TextEditingController controller = TextEditingController();
     @override
     Widget build(BuildContext context) {
       return Scaffold(
         appBar: AppBar(title: Text('Dropdown Demo')),
         body: Padding(
           padding: const EdgeInsets.all(16.0),
           child: Column(
             children: [
               DropdownMenu<String>(
                 controller: controller,
                 initialSelection: selectedMenuItem,
                 onSelected: (value) => setState(() => selectedMenuItem = value),
                 dropdownMenuEntries: items
                     .map((e) => DropdownMenuEntry<String>(value: e, label: e))
                     .toList(),
               ),
               SizedBox(height: 20),
               DropdownButton<String>(
                 hint: Text('Select an item'),
                 value: selectedButtonItem,
                 onChanged: (value) => setState(() => selectedButtonItem = value),
                 items: items
                     .map(
                       (e) => DropdownMenuItem<String>(value: e, child: Text(e)),
                     )
                     .toList(),
               ),
               SizedBox(height: 40),
               ElevatedButton(
                 onPressed: () {
                   setState(() {
                     controller.clear();
                     selectedMenuItem = null;
                     selectedButtonItem = null;
                   });
                 },
                 child: Text('Reset Dropdowns'),
               ),
             ],
           ),
         ),
       );
     }
   }
   

   Closing as this is working as intended, Incase you disagree please feel free to write in the comments and we will reopen it.

   👍React with 👍1Reacted by TheEthicalBoy
3. maheshj01

   closed this as completedon Mar 26, 2025
4. maheshj01

   added

   r: invalidIssue is closed as not validIssue is closed as not valid

   and removed

   in triagePresently being triaged by the triage teamPresently being triaged by the triage team

   on Mar 26, 2025
5. github-actions commented on Apr 9, 2025

   

   github-actionsBot

   on Apr 9, 2025 – with GitHub Actions

   More actions

   This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
6. github-actions

   locked as resolved and limited conversation to collaborators on Apr 9, 2025