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

flutter select option

Add Answer

Mohamed Sami khiari answered on April 5, 2021 Popularity 10/10 Helpfulness 5/10

answer flutter select option

related flutter select option list

related select in flutter dart

related selection widget in flutter

flutter select option

Comment

DropdownButton<String>(
  items: <String>['A', 'B', 'C', 'D'].map((String value) {
    return DropdownMenuItem<String>(
      value: value,
      child: Text(value),
    );
  }).toList(),
  onChanged: (_) {},
)

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: flutter select whatever

Link to this answer
Share Copy Link

Contributed on Feb 23 2023

Mohamed Sami khiari

0 Answers Avg Quality 2/10

Closely Related Answers

flutter select option list

Comment

import 'package:flutter/material.dart';

class SelectOptionList extends StatefulWidget {
  @override
  _SelectOptionListState createState() => _SelectOptionListState();
}

class _SelectOptionListState extends State<SelectOptionList> {
  String selectedOption;
  List<String> options = ['Option 1', 'Option 2', 'Option 3'];

  @override
  Widget build(BuildContext context) {
    return DropdownButton<String>(
      value: selectedOption,
      onChanged: (String newValue) {
        setState(() {
          selectedOption = newValue;
        });
      },
      items: options.map<DropdownMenuItem<String>>((String value) {
        return DropdownMenuItem<String>(
          value: value,
          child: Text(value),
        );
      }).toList(),
    );
  }
}

Popularity 8/10 Helpfulness 3/10 Language dart

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

select in flutter dart

Comment

import 'package:flutter/material.dart';

/// Usage:
/// CustomDropdown<String>(
//     items: ['A', 'B', 'C'],
//     onChanged: (val) => _selectedValue = val,
//     center: true,
//  ),
/// --> Remember: f.toString() at line 105 is @override String toString() in your class
// @override
// String toString() {
//   return name;
// }
class CustomDropdown<T> extends StatefulWidget {
  CustomDropdown({
    Key key,
    @required this.items,
    @required this.onChanged,
    this.onInit,
    this.padding = const EdgeInsets.only(top: 10.0),
    this.height = 40,
    this.center = false,
    this.itemText,
  }) : super(key: key);

  /// list item
  List<T> items;

  /// onChanged
  void Function(T value) onChanged;

  /// onInit
  void Function(T value) onInit;

  ///padding
  EdgeInsetsGeometry padding;

  /// container height
  double height;

  /// center
  bool center;

  String Function(String text) itemText;

  @override
  _CustomDropdownState<T> createState() => _CustomDropdownState();
}

class _CustomDropdownState<T> extends State<CustomDropdown<T>> {
  /// current selected value
  T _selectedValue;

  @override
  void initState() {
    super.initState();
    _initValue();
  }

  @override
  Widget build(BuildContext context) {
    return _buildBody();
  }

  /// set default selected value when init
  _initValue() {
    _selectedValue = widget.items[0];
    if (widget.onInit != null) widget.onInit(_selectedValue);
  }

  _buildBody() {
    Color borderLine = Color(0xffc0c0c0);
    return Padding(
      padding: widget.padding,
      child: Row(
        mainAxisAlignment: (widget.center)
            ? MainAxisAlignment.center
            : MainAxisAlignment.start,
        children: <Widget>[
          new Container(
            height: widget.height,
            padding: EdgeInsets.only(left: 10.0),
            decoration: ShapeDecoration(
              color: Colors.white,
              shape: RoundedRectangleBorder(
                side: BorderSide(
                    width: 0.8, style: BorderStyle.solid, color: borderLine),
                borderRadius: BorderRadius.all(Radius.circular(5.0)),
              ),
            ),
            child: new DropdownButtonHideUnderline(
              child: new DropdownButton<T>(
                value: _selectedValue,
                onChanged: (T newValue) {
                  setState(() {
                    _selectedValue = newValue;
                    widget.onChanged(newValue);
                  });
                },
                items: widget.items.map((T f) {
                  return new DropdownMenuItem<T>(
                    value: f,
                    child: new Text(
                      (widget.itemText != null)
                          ? widget.itemText(f.toString())
                          : f.toString(),
                      style: new TextStyle(color: Colors.black),
                    ),
                  );
                }).toList(),
              ),
            ),
          ),
        ],
      ),
    );
  }
}

Popularity 10/10 Helpfulness 2/10 Language dart

Source: stackoverflow.com

Tags: dart

Link to this answer
Share Copy Link

Contributed on Apr 05 2021

Elegant Elk

0 Answers Avg Quality 2/10

selection widget in flutter

Comment

MaterialApp(
  home: SelectableRegion(
    selectionControls: materialTextSelectionControls,
    focusNode: _focusNode, // initialized to FocusNode()
    child: Scaffold(
      appBar: AppBar(title: const Text('Flutter Code Sample')),
      body: ListView(
        children: const <Widget>[
          Text('Item 0', style: TextStyle(fontSize: 50.0)),
          Text('Item 1', style: TextStyle(fontSize: 50.0)),
        ],
      ),
    ),
  ),
)

Popularity 6/10 Helpfulness 1/10 Language whatever

Source: api.flutter.dev

Tags: flutter selection whatever widget

Link to this answer
Share Copy Link

Contributed on Nov 25 2023

Elegant Emu

0 Answers Avg Quality 2/10

flutter select option

Contents

More Related Answers

flutter select option

Closely Related Answers

flutter select option list

select in flutter dart

selection widget in flutter

Grepper

Documentation

Social

Legal

Contact

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