Breaking News: Grepper is joining You.com. Read the official announcement!

Create DropDown List in Flutter: DropdownButton Widget

Add Answer

Manav Sarkar answered on September 27, 2021 Popularity 10/10 Helpfulness 3/10

answer Create DropDown List in Flutter: DropdownButton Widget

related create dropdown in flutter

related dropdown item from the list flutter

related dropdown flutter

Create DropDown List in Flutter: DropdownButton Widget

Comment

Center(
  child: Column(
    mainAxisAlignment: MainAxisAlignment.spaceEvenly,
    children: [
      DropdownButton(
        value: currentItem,
        items: items
            .map<DropdownMenuItem<String>>(
              (e) => DropdownMenuItem(
                value: e,
                child: Text(e),
              ),
            )
            .toList(),
        onChanged: (String? value) => setState(
          () {
            if (value != null) currentItem = value;
          },
        ),
      ),
      Text(currentItem),
    ],
  ),
)

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: www.allaboutflutter.com

Tags: dropdown dropdownbutton list whatever widget

Link to this answer
Share Copy Link

Contributed on Jun 04 2022

Manav Sarkar

0 Answers Avg Quality 2/10

Closely Related Answers

create dropdown in flutter

Comment

-2

DropdownButton(
  value: currentItem,
  items: items
      .map<DropdownMenuItem<String>>(
        (e) => DropdownMenuItem(
          value: e,
          child: Text(e),
        ),
      )
      .toList(),
  onChanged: (String? value) => setState(
    () {
      if (value != null) currentItem = value;
    },
  ),
),

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: www.allaboutflutter.com

Tags: dropdown dropdow

Link to this answer
Share Copy Link

Contributed on Mar 14 2022

Manav Sarkar

0 Answers Avg Quality 2/10

dropdown item from the list flutter

Comment

  List<DropdownMenuItem<String>> getDropdownItems() {
    List<DropdownMenuItem<String>> dropDownItems = [];

    for (String currency in currenciesList) {
      var newDropdown = DropdownMenuItem(
        child: Text(currency),
        value: currency,
      );

      dropDownItems.add(newDropdown);
    }
    return dropDownItems;
  }

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: dropdown dropdow

Link to this answer
Share Copy Link

Contributed on Sep 27 2021

Niraj Kafle

0 Answers Avg Quality 2/10

dropdown flutter

Comment

import 'package:flutter/material.dart';

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

class Example extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _ExampleState();
}

class _ExampleState extends State<Example> {
//  List<String> _locations = ['Please choose a location', 'A', 'B', 'C', 'D']; // Option 1
//  String _selectedLocation = 'Please choose a location'; // Option 1
  List<String> _locations = ['A', 'B', 'C', 'D']; // Option 2
  String _selectedLocation; // Option 2

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: DropdownButton(
            hint: Text('Please choose a location'), // Not necessary for Option 1
            value: _selectedLocation,
            onChanged: (newValue) {
              setState(() {
                _selectedLocation = newValue;
              });
            },
            items: _locations.map((location) {
              return DropdownMenuItem(
                child: new Text(location),
                value: location,
              );
            }).toList(),
          ),
        ),
      ),
    );
  }
}

Popularity 10/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: dropdown dropdow

Link to this answer
Share Copy Link

Contributed on Aug 26 2023

Obnoxious Oryx

0 Answers Avg Quality 2/10

Create DropDown List in Flutter: DropdownButton Widget

Contents

More Related Answers

Create DropDown List in Flutter: DropdownButton Widget

Closely Related Answers

create dropdown in flutter

dropdown item from the list flutter

dropdown flutter

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.