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

dropdown flutter

Add Answer

Obnoxious Oryx answered on September 27, 2021 Popularity 9/10 Helpfulness 2/10

answer dropdown flutter

related DropdownMenuItem flutter

related create dropdown in flutter

related flutter drop down selection

related drop down menu flutter

related Create DropDown List in Flutter: DropdownButton Widget

related dropdown item from the list flutter

related dropdown button ion flutter

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 9/10 Helpfulness 2/10 Language whatever

Source: stackoverflow.com

Tags: dropdown flutter whatever

Link to this answer
Share Copy Link

Contributed on Aug 26 2023

Obnoxious Oryx

0 Answers Avg Quality 2/10

Closely Related Answers

DropdownMenuItem flutter

Comment

DropdownButton(
    value: "Tokyo",
    items: [
      DropdownMenuItem(
        child: Text("New York"),
        value: "New York"
      ),
      DropdownMenuItem(
        child: Text("Tokyo"),
        value: "Tokyo",
      )
    ],
)

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: www.fluttercampus.com

Tags: flutter

Link to this answer
Share Copy Link

Contributed on Oct 17 2022

Tough Tarsier

0 Answers Avg Quality 2/10

create dropdown in flutter

Comment

-1

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 4/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

flutter drop down selection

Comment

import 'package:flutter/material.dart';

void main() => runApp(MaterialApp(
      title: "Tutorial",
      home: Home(),
    ));

class Home extends StatefulWidget {
  @override
  _HomeState createState() => _HomeState();
}

class _HomeState extends State<Home> {

  int _value = 1;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        appBar: AppBar(
          title: Text("Dropdown Button"),
        ),
        body: Container(
          padding: EdgeInsets.all(20.0),
          child: DropdownButton(
              value: _value,
              items: [
                DropdownMenuItem(
                  child: Text("First Item"),
                  value: 1,
                ),
                DropdownMenuItem(
                  child: Text("Second Item"),
                  value: 2,
                ),
                DropdownMenuItem(
                  child: Text("Third Item"),
                  value: 3
                ),
                DropdownMenuItem(
                    child: Text("Fourth Item"),
                    value: 4
                )
              ],
              onChanged: (value) {
                setState(() {
                  _value = value;
                });
              }),
        ));
  }
}

Popularity 10/10 Helpfulness 4/10 Language whatever

Source: Grepper

Tags: drop

Link to this answer
Share Copy Link

Contributed on Jul 17 2022

Xfantasia

0 Answers Avg Quality 2/10

drop down menu flutter

Comment

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: MyHomePage(),
    );
  }
}

class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {

  String dropdownvalue = 'Apple';

  var items =  ['Apple','Banana','Grapes','Orange','watermelon','Pineapple'];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("DropDownList Example"),
      ),
      body: Container(
        padding: EdgeInsets.all(10.0),
        child: Column(
          mainAxisAlignment: MainAxisAlignment.start,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                Text("DropDownButton"),
                Container(
                  height: 40,
                  padding: EdgeInsets.all(5.0),
                  decoration: BoxDecoration(
                    borderRadius: BorderRadius.circular(30.0),
                    border: Border.all(
                        color: Colors.grey, style: BorderStyle.solid, width: 0.80),
                  ),
                  child: DropdownButtonHideUnderline(
                    child: DropdownButton(
                      elevation: 0,
                      value: dropdownvalue,

                      icon: Icon(Icons.keyboard_arrow_down),

                      items:items.map((String items) {
                        return DropdownMenuItem(
                            value: items,
                            child: Text(items)
                        );
                      }
                      ).toList(),

                      onChanged: (String? newValue){
                        setState(() {
                          dropdownvalue = newValue!;
                        });
                      },

                    ),
                  ),
                ),
              ],
            ),
          ],
        ),
      ),
    );
  }
}

Popularity 10/10 Helpfulness 3/10 Language whatever

Source: Grepper

Tags: drop-down-menu drop

Link to this answer
Share Copy Link

Contributed on Jul 04 2022

dandanman gunsforyou

0 Answers Avg Quality 2/10

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 dropdow

Link to this answer
Share Copy Link

Contributed on Jun 04 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 button ion flutter

Comment

DropdownButton in flutter with initial value, hintText, right/end icon, border and more


>>>>Initialize the following in your state class

  List<String> dropDownMenuItem = ["Option 1", "Option2"];

  String? selectedValue;

>>>>Your main DropdownButton
Container(
                          margin: getMargin(top: 16),
                          child: SizedBox(
                            width: double.infinity,
                            child: Container(
                              decoration: BoxDecoration(
                                  borderRadius: BorderRadius.circular(25),
                                  border:
                                      Border.all(color: appTheme.gray30003)),
                              child: DropdownButton<String>(
                                  isExpanded: true,
                                  hint: Text(
                                    "Select an option",
                                    style: theme.textTheme.bodySmall!.copyWith(
                                      color: appTheme.black900,
                                      fontSize: getFontSize(
                                        13,
                                      ),
                                    ),
                                  ),
                                  style: TextThemeHelper.bodySmallBluegray40012,
                                  icon: const Icon(Icons.expand_more_outlined),
                                  padding: EdgeInsets.symmetric(
                                      vertical: 1, horizontal: 20),
                                  underline: SizedBox.shrink(),
                                  value: selectedValue,
                                  items: dropDownMenuItem
                                      .map((String e) => DropdownMenuItem(
                                          value: e, child: Text(e)))
                                      .toList(),
                                  onChanged: (String? value) {
                                    setState(() {
                                      selectedValue = value!;
                                    });
                                  }),
                            ),
                          ),
                        ),

Popularity 9/10 Helpfulness 2/10 Language whatever

Source: api.flutter.dev

Tags: button bu

Link to this answer
Share Copy Link

Contributed on Jul 29 2023

Abdullah Opadeji

0 Answers Avg Quality 2/10

dropdown flutter

Contents

More Related Answers

dropdown flutter

Closely Related Answers

DropdownMenuItem flutter

create dropdown in flutter

flutter drop down selection

drop down menu flutter

Create DropDown List in Flutter: DropdownButton Widget

dropdown item from the list flutter

dropdown button ion flutter

Grepper

Documentation

Social

Legal

Contact

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