如何在扑扑中实现字母滚动 [英] how to implement Alphabet scroll in flutter

问题描述

是否有任何插件或方法可以实现这种扑朔迷离的滚动？

Is there's any plugin or way to implement this kind of scrolling in flutter?

要明确地说，在右侧右边的字母列，例如突出显示当前字母，或者如果点击了某个字母，则滚动视图

对于按字母顺序排序，我们可以使用 List.sort（），对于粘性标头，我们也有一些不错的插件。

For sorting alphabetically, we can do that with List.sort(), for sticky header, we got some nice plugins as well.

推荐答案

签出此插件粘性头
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),
        ),
      );
    });
  }
}

这篇关于如何在扑扑中实现字母滚动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！