select2dot1 0.0.1

Select2dot1 gives you a customizable select box with single and multiple selection that will work with search. Also available group option.

Select2dot1

Select2dot1 give you a customizable single/multiple select box with support for searching, group option, extra info and avatar. Select2dot1 works using overlay (web, desktop) and modal (mobile) and is fully customizable by settings and builder.

Screenshots

Desktop and mobile version

Getting started

Installation

Add following dependency in pubspec.yaml file. And add this import to your file.

flutter pub add select2dot1
import 'package:select2dot1/select2dot1.dart';

Usage

On the first step you need to create a list of data that you want to display in.

const List<SingleCategoryModel> exampleData1 = [
    SingleCategoryModel(
      nameCategory: 'Team Leader',
      singleItemCategoryList: [
        SingleItemCategoryModel(
          nameSingleItem: 'David Eubanks',
          extraInfoSingleItem: 'Full time',
          avatarSingleItem: CircleAvatar(
            backgroundColor: Colors.transparent,
            foregroundColor: Colors.transparent,
            backgroundImage: AssetImage('assets/images/avatar1.jpg'),
          ),
        ),
        SingleItemCategoryModel(
          nameSingleItem: 'Stuart Resch',
          extraInfoSingleItem: 'Part time',
          avatarSingleItem: CircleAvatar(
            backgroundColor: Colors.blue,
            child: Text('SR', style: TextStyle(color: Colors.white)),
          ),
        ),
      ],
    ),

Use Select2dot1 widget and pass your data to it.

Select2dot1(
    selectDataController: SelectDataController(data: ExampleData.exampleData1),
    scrollController: scrollController,
    ),