A customizable listview with A-Z side scrollbar to fast jump to the item of the selected character

Overview

Apologize for the lack of updates as I do not have the bandwidth to work on this. But please check out this project https://github.com/flutterchina/azlistview if you need an A-Z list view that have more updates.

Alphabet List Scroll View

A customizable listview with A-Z side scrollbar to fast jump to the item of the selected character. Quick scroll through list via dragging through alphabets.

API

name type default description
strList List - List of Strings
itemBuilder itemBuilder(context, index) - itemBuilder similar to itemBuilder in ListView.builder
highlightTextStyle bool false highlight the focused pin box.
normalTextStyle Color Colors.black Set color of the focused pin box.
showPreview bool true show preview on screen
keyboardUsage bool true The alphabet list will be wrapped in scrollview.
indexedHeight double Function(int) query the height of widget with index
headerWidgetList List headers

AlphabetScrollListHeader

name type default description
widgetList List []
icon Icon Icon shows in the side alphabet list and the preview
indexedHeaderHeight double Function(int) query the height of header with index

drawing


drawing

Comments
  • Scrolling is buggy

    Scrolling is buggy

    Scrolling is buggy in this lib. Please have a look at it.

    Sometimes when I Scroll over widget list the scrolling doesn't work. I have to move my hands on it 2 or 3 times to scroll over it.

    bug 
    opened by EndLess728 5
  • Dart Package

    Dart Package

    Hello,

    Thanks for your widget. I like it and use in my project :)

    I think you should change plugin type to "Dart Package". Because you don't need kotlin/java or objc-swift code.

    Please see: https://flutter.dev/docs/development/packages-and-plugins/developing-packages#package-types

    opened by muarifer 2
  • RangeError (index): Invalid value: Valid value range is empty: 0

    RangeError (index): Invalid value: Valid value range is empty: 0

    return AlphabetListScrollView( strList: _names!, highlightTextStyle: const TextStyle( color: Colors.yellow, ), showPreview: true, itemBuilder: (context, index) { return ListTile(title: Text(_names![index])); }, indexedHeight: (i) { return 80; }, keyboardUsage: true, headerWidgetList: [ AlphabetScrollListHeader(widgetList: [ Padding( padding: const EdgeInsets.all(16.0), child: TextFormField( decoration: const InputDecoration( border: OutlineInputBorder(), suffix: Icon( Icons.search, color: Colors.grey, ), labelText: "Search", ), ), ) ], icon: const Icon(Icons.search), indexedHeaderHeight: (index) => 80), ], ); }

    its showing error like "RangeError (index): Invalid value: Valid value range is empty: 0"

    opened by webprolix 1
  • Unhandled Exception: type 'Future<bool?>' is not a subtype of type 'FutureOr<bool>' in type cast

    Unhandled Exception: type 'Future' is not a subtype of type 'FutureOr' in type cast

    I Tried the example app and the scrolling using the alphabets doesn't work.

    [-2:ui_dart_state.cc(199)] Unhandled Exception: type 'Future<bool?>' is not a subtype of type 'FutureOr<bool>' in type cast #0 _AlphabetListScrollViewState._select package:alphabet_list_scroll_view/alphabet_list_scroll_view.dart:274 #1 _AlphabetListScrollViewState._currentWidgetIndex package:alphabet_list_scroll_view/alphabet_list_scroll_view.dart:259 #2 _AlphabetListScrollViewState.build.<anonymous closure> package:alphabet_list_scroll_view/alphabet_list_scroll_view.dart:383 #3 _AlphabetListScollViewState.build.<anonymous closure> package:alphabet_list_scroll_view/alphabet_list_scroll_view.dart:490 #4 DragGestureRecognizer._checkUpdate.<anonymous closure> package:flutter/…/gestures/monodrag.dart:436 #5 GestureRecognizer.invokeCallback package:flutter/…/gestures/recognizer.dart:182 #6 DragGestureRecognizer._checkUpdate package:flutter/…/gestures/monodrag.dart:436 #7 DragGestureRecognizer.handleEvent (package:flutter<…>

    • Flutter 2.2.2
    • Iphone 12 pro max simulator
    • alphabet_list_scroll_view: ^2.0.0
    opened by StarBattle08 1
  • Status of this package

    Status of this package

    Hello all!

    Thanks for your interest in using this package. I understand that I haven't address quite a few issues and there are pull requests that I haven't look at. Very sorry for the inconveniences.

    Anyway, I like to get your opinions!

    Right now there is another flutter package that does the same thing. Here's the link https://github.com/flutterchina/azlistview. Do try it out and let me know if it works well! I'll probably going to develop a feature for my app with the a to z scroll view in the next couple of weeks. So I will see if the aslistview is really a superior a-z view that does what I want plus more. If it is, I'll deprecate and freeze this project. If not, I will continue with this project.

    I'm only but a man. Please do contribute with pull requests and bug fixes. If you want to take over this project. Do let me know as well. :)

    opened by LiewJunTung 1
  • Add useVibration flag

    Add useVibration flag

    This flag allows you to enable or disable the use of vibration. In addition to giving more control to the plugin, it allows use on platforms that do not support this feature.

    opened by muriloventuroso 1
  • Alphabet Scroll ListView is only fixed to the right.

    Alphabet Scroll ListView is only fixed to the right.

    Hello @LiewJunTung

    Thanks for this awesome package.

    As per current implementation, the alphabet list view is fixed to the right. My use case requires the listview be aligned to the left of the screen, but I've tried that in vain.

    Is there a way you can add more alignment customization?

    opened by Kasre96 0
Owner
Liew Jun Tung
Senior Mobile Developer at NetVirta, Inc. Google Developer Groups Singapore
Liew Jun Tung
Flutter package: Similar to a ListView, but lets you programmatically jump to any item, by index.

indexed_list_view Similar to a ListView, but lets you programmatically jump to any item, by index. The index jump happens instantly, no matter if you

Marcelo Glasberg 244 Dec 27, 2022
A widget with side-by-side source code view.

A widget with side-by-side source code view. Extracted from the flutter-catalog open-source app.

xwei 23 Aug 29, 2022
A Flutter widget for inputting content with a fixed length, visually treating each character as a separate segment.

code_input A Flutter widget for inputting content with a fixed length, visually treating each character as a separate segment. Pub Package GitHub Repo

Raouf Rahiche 69 Mar 25, 2022
A flutter horizontal date picker that always shift the selected date to center.

horizontal_center_date_picker A flutter widget provides a horizontal date picker and always aligns selected date in center of the widget. Usage This s

May Lau 5 Jul 2, 2022
A Flutter Widget that create a horizontal table with fixed column on left hand side.

horizontal_data_table A Flutter Widget that create a horizontal table with fixed column on left hand side. Installation This package is starting to su

May Lau 204 Dec 27, 2022
Flutter multiplatform navigation sidebar / side navigationbar / drawer widget

SidebarX ?? Flutter multiplatform navigation sidebar / side navigationbar / drawer widget Show some ❤️ and star the repo to support the project! Mobil

Stanislav Ilin 138 Jan 5, 2023
A flutter demo app to practice List.generate with ListView.builder

ListView 3 A flutter demo app to practice List.generate with ListView.builder Developer Alexander Sosa (https://www.linkedin.com/in/alexander-sosa-asi

Alexander Sosa 0 Jan 3, 2022
A Flutter sticky headers & index ListView. Based on scrollable_positioned_list.

Language: English | 中文简体 azlistview A Flutter sticky headers & index ListView. Based on scrollable_positioned_list. AzListView, SuspensionView, IndexB

Flutter中国开源项目 971 Jan 7, 2023
Listview builder with image and text

listview_builder_with_image_and_text A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resource

null 0 May 4, 2022
Customizable Flutter widget which syncronize ScrollView with PageView as tabs

scrollable_list_tab_scroller Customizable Flutter widget which syncronize ScrollView with PageView as tabs. Create a custom page view as tabs which sy

Railson Ferreira de Souza 4 Dec 21, 2022
RFlutter Alert is super customizable and easy-to-use alert/popup dialogs for Flutter.

RFlutter Alert is super customizable and easy-to-use alert/popup dialogs for Flutter. You may create reusable alert styles or add buttons as much as you want with ease.

Ratel 362 Jan 1, 2023
📸 Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget.

?? Easy to use yet very customizable zoomable image widget for Flutter, Photo View provides a gesture sensitive zoomable widget. Photo View is largely used to show interacive images and other stuff such as SVG.

Blue Fire 1.7k Jan 7, 2023
Customizable Material and Cupertino buttons with progress indicators and more

future_button Customizable Material and Cupertino buttons with progress indicators and more.

Erzhan 33 Oct 13, 2022
Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list presented as a dropdown in a dialog box or a menu.

searchable_dropdown Widget to let the user search through a keyword string typed on a customizable keyboard in a single or multiple choices list prese

Bobby Stenly Irawan 108 Sep 11, 2022
Flutter reaction button plugin it is fully customizable widget such as Facebook reaction button

Flutter Reaction Button Flutter button reaction it is fully customizable widget such as Facebook reaction button. Preview Demo Usage Include 'flutter_

Abdelouahed Medjoudja 174 Dec 19, 2022
Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Displays a highly customizable week view (or day view) which is able to display events, to be scrolled, to be zoomed-in & out and a lot more !

Hugo Delaunay 196 Dec 2, 2022
SKAlertDialog - A highly customizable, powerful and easy-to-use alert dialog for Flutter.

SKAlertDialog A highly customizable, powerful and easy-to-use alert dialog for Flutter. GIF Screenshots SKAlertDialog Basic Alert Alert with buttons A

Senthil_Kumar 7 May 18, 2022
Flutter widget form select a date in horizontal timeline with customizable styles.

Flutter widget form select a date in horizontal timeline with customizable styles. Getting Started You can use this package when you need to add a dat

Jose Manuel Márquez 158 Dec 2, 2022
A Highly customizable Phone input Flutter widget that supports country code, validation and contact picker.

A Highly customizable Phone input Flutter widget that supports country code, validation and contact picker.

null 6 Jun 7, 2022