Flutter Dropdown X

Flutter Dropdown X is a dropdown field using a dropdown button inside a form field.

Getting started

Add dependency

flutter_dropdown_x: ^0.0.2

Import it

import 'package:flutter_dropdown_x/flutter_dropdown_x.dart';

Usage

JSON implementation

String _selected = "";

var data = [
    {'id': "1", 'value': 'value1'},
    {'id': "2", 'value': 'value2'},
    {'id': "3", 'value': 'value3'},
    {'id': "4", 'value': 'value4'},
    {'id': "5", 'value': 'value5'},
    {'id': "6", 'value': 'value6'},
  ];
  
  
  DropDownField(
              value: _selected,
              hintText: 'Please choose one',
              dataSource: data,
              onChanged: (v) {
                print(v);
                setState(() {
                  _selected = v;
                });
              },
              valueField: 'id',
              textField: 'value',
            ),
  

Example

String _selected = "";

DropDownField(
              hintText: 'Please choose one',
              value: _selected,
              onChanged: (v) {
                setState(() {
                  _selected = v;
                });
              },
              dataSource: const [
                {
                  "display": "value 1",
                  "value": "1",
                },
                {
                  "display": "value 2",
                  "value": "2",
                } 
              ],
              textField: 'display',
              valueField: 'value',

            ),

Libraries

flutter_dropdown_x