Flutter selected value in dropdown list. Use the following working example to a similar problem that I had:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 | import 'package:flutter/material.dart'; class StatusDialog extends StatefulWidget { @override State<StatefulWidget> createState() { return StatusDialogState(); } } class StatusDialogState extends State<StatusDialog> { String _selectedText = "SSD"; @override Widget build(BuildContext context) { return AlertDialog( title: Text("Status Update"), content: new DropdownButton<String>( hint: Text("Status"), value: _selectedText, items: <String>['SDD', 'Meeting', 'Home', 'Space'] .map((String value) { return new DropdownMenuItem<String>( value: value, child: new Text(value), ); }).toList(), onChanged: (String val) { _selectedText = val; setState(() { _selectedText = val; }); }, ), actions: <Widget>[ FlatButton( child: Text("UPDATE"), onPressed: () { //..... }, ), ], ); } } void _buildStatusDialog(String documentID) { showDialog<void>( context: context, builder: (BuildContext context) { return StatusDialog(); } ); } |
Then you just need to add some logic to obtain _selectedText from StatusDialog – probably using a callback.
If you like this question & answer and want to contribute, then write your question & answer and email to freewebmentor[@]gmail.com. Your question and answer will appear on FreeWebMentor.com and help other developers.