select2dot1 0.1.0

Select2dot1 give you a fully customizable single/multiple select box with support for searching, group option, extra info and avatar. Works using overlay and modal.

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.

Demo web example: https://select2dot1.site

Author site: https://romanjrdykyj.site

Screenshots

Desktop Example	Mobile Example

Installation

1. Add following dependency in pubspec.yaml file.

flutter pub add select2dot1

2. Add this import to your file.

import 'package:select2dot1/select2dot1.dart';

3. Now you can use Select2dot1 widget. Go to Usage section and see how to use it.

Usage

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

static const List<SingleCategoryModel> exampleData = [
    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)),
          ),
        ),
      ],
    ),

2. Use Select2dot1 widget and pass your data to it. You can also pass scrollController if you want to use it.

Select2dot1(
    selectDataController: SelectDataController(data: exampleData),
    scrollController: scrollController,
    ),