This package contains ItemSelector(), a simple scrollable item selector widget. when developers have a list of items or widgets, then they can use ItemSelector() widget to build a simple and beautiful item selector in Flutter App.

Preview

Horizontal	Vertical

Features

Developers can pass any arbitrary list of widgets as items in horizontal or vertical axis directions. And Users can iteract with items and they can select one of them with a simple tap. Developer have access to the index of the selected item with onSelected attribute.

Getting started

To use this package, add simple_item_selector as a dependency in your pubspec.yaml file. Then import the package like this:

import 'package:simple_item_selector/simple_item_selector.dart';

Usage

This is Simple example:

ItemSelector(
  direction: Direction.horizontal,
  activeBackgroundColor: Colors.amberAccent,
  inactiveBackgroundColor: Colors.grey[300],
  itemMargin: const EdgeInsets.all(2.0),
  itemPadding: const EdgeInsets.all(15.0),
  itemBorderRadius: const BorderRadius.all(Radius.circular(5.0)),
  itemsCount: 4, // should be <= items.length
  items: const [Text('a1'), Text('a2'), Text('a3'), Text('a4')], // any arbitrary widget list
  onSelected: (index) {
    // you can access selected item index here!
    print(index);
  },
)