Description:

alphabetical scroll

A Flutter package to achieve alphabet scrolling. Based on flutter_sticky_header #
Features #
Add this to your flutter app to:

Have alphabet stacked scroll bar.
Scrolling with list view header alphabet persistent to stacked scroll bar alphabet.
Call on tap function on list view item tapped
Support easy creation of the contacts or countries app list view interface
Support custom header
Support styling stacked alphabet scrollbar
Support custom widget for list view item

Getting started #
Add the package to your pubspec.yaml:
alphabetical_scroll:
copied to clipboard
In your dart file, import the library:
import 'package:alphabetical_scroll/alphabetical_scroll.dart';
copied to clipboard
Usage #
Firstly,you can have list of data items:
List<String> contacts = ["Jessica Jones","Rob Stark","Tom Holland",];
copied to clipboard
After that, you can get the required dependencies from pub.dev and use the below code in your project like this
body: AlphabetListScreen<String>(
itemBuilder: (context, name) {
return ListTile(
leading: CircleAvatar(
backgroundColor: Colors.blue,
child: Text(
name name,
style: const TextStyle(color: Colors.white,),
),
),
title: Text(name ?? ""),
);
},
sources: contacts,
soruceFilterItemList: contacts,
onTap: (item) {
print("pressed ${item.id} do something");
},
),
copied to clipboard

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Share

• Share on Facebook
• Share on Twitter