как реализовать алфавитную прокрутку во флаттере

Question

Есть ли какой-нибудь плагин или способ реализовать такую ​​прокрутку во флаттере?

Если быть точным, столбец букв справа справа, например, выделение текущей буквы алфавита, или, если буква нажата, просмотр прокрутки переходит непосредственно к заголовку этой буквы.

Для сортировки по алфавиту мы можем сделать это с помощью List.sort(), для липкого заголовка у нас также есть несколько хороших плагинов.

Answer 1

Оформить заказ на этот плагин с липкой головкой https://pub.dartlang.org/packages/sticky_headers

class Example extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new ListView.builder(itemBuilder: (context, index) {
      return new StickyHeader(
        header: new Container(
          height: 50.0,
          color: Colors.blueGrey[700],
          padding: new EdgeInsets.symmetric(horizontal: 16.0),
          alignment: Alignment.centerLeft,
          child: new Text('Header #$index',
            style: const TextStyle(color: Colors.white),
          ),
        ),
        content: new Container(
          child: new Image.network(imageForIndex(index), fit: BoxFit.cover,
            width: double.infinity, height: 200.0),
        ),
      );
    });
  }
}