flutterchina/azlistview

A Flutter sticky headers & index ListView. Flutter 城市列表、联系人列表，索引&悬停。

azlistview's Issues

关于索引对问题

询问作者 能够在这个属性中添加一个index索引吗，我试过自己修改插件添加一个索引，但是同事请求后还是得自己改

 itemBuilder: (context, model) => _buildListItem(model),  在此处model后面添加一个index索引

您好 在里面加分割线如何保证最后一个不加呢?

现在加了 Divider(height: 0.1, indent: 68)

但是如果 A 这个Tag下只有一个数据或者最后一个数据的时候不想让分割线显示 但是好像没办法 请问有什么好办法呢?

indexBarBuilder 高度超限

你好，当我使用本插件时，当我顶部有搜索输入，弹出键盘时indexBarBuilder的高度会超限：
azlistview: ^0.1.2
◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤

怎么样筛选数据并变更页面数据的？

目前我的代码是这样写的，但是没有效果

Issue when Phone rotate

Issue with the Alphabets when phone rotate on the small side...I get A RenderFlex overflowed by 200 pixels on the bottom.

Is there a way to hide alphabets or reduce the number of letters like on android phones?

Is there documentation on this?

悬浮的a-z会重复

悬浮的a-z会重复

选择index后,会出现popup不隐藏

复制example的demo也是一样的效果,点击选择后不隐藏,但是滑动选择会隐藏

Null safety

是否有计划将azlistview也升级成null safety的包。:)
感谢！
https://www.youtube.com/watch?v=bvq7wbn4VAA&ab_channel=Flutter

大佬，有个问题

当页面数据撑不满一屏时，失去了拖动回弹的效果

没有滚动监听了么?

没有滚动监听了么?

与tabbar一起使用的问题

当有多个列表并存时，通过顶部tabbar切换，如果给AzListView传入不同的scrollController或不传入，采用默认生成不同的controller，点击顶部状态栏，没有scrollToTop效果。如果传入同一个scrollController，右侧索引会失效，而且会报错一个scrollController绑定不同的listview

列表样式自定义

列表样式 支持自定义吗

如何调整内容区的行间距的？

如何调整内容区的行间距的？

使用indexBarBuilder的offset为null

indexBarBuilder: (BuildContext context, List tags, IndexBarTouchCallback onTouch) => _indexBarBuilder(tags, onTouch),

_indexBarBuilder(List tags, IndexBarTouchCallback onTouch) {
return IndexBar(
data: tags.map((e) => e.toUpperCase()).toList(),
width: 36,
itemHeight: 20,
touchDownColor: Color(0xff111111),
touchDownTextStyle: TextStyle(color: Colors.white),
textStyle: TextStyle(fontSize: 16, color: Colors.grey),
onTouch: onTouch,
);
}
滑动indexBar 列表没有跟随滑动
我在 az_listview.dart 120行 打印结果

得到结果如下

不设置indexBarBuilder的时候一切正常
可以帮我看一下是什么问题吗？

请问是否支持点击状态栏回到顶部

如题，谢谢。

你好。我按照您提供的城市列表案例运行，但把数据量改大了一些，约有2500条左右，点击右侧的字母导航，会出现严重的延迟现象。请问，针对大量数据时应该如何处理以避免延迟？

如何运行，如何使用，说缺少main.dart

如何运行，如何使用，说缺少main.dart

feature

有什么办法添加这样一个功能：列表滚动到一个字母项时，左边的字母列表下标也跟着变

当最后的一组高度的整体不能撑满屏幕时,滑动到最后一组,再定位到其他组有问题

当最后的一组高度的整体不能撑满屏幕时, 滑动到最后一组, 再定位到其索引时,定位有问题. 不能滚动到相应索引的第一列.

作者你好，我有个小问题想咨询一下，不知道这个问题算不算bug

首先感谢你提供的组件，我在使用组件时发现了一个小问题，我不知道是不是该定义为bug。 当我把模拟数据加载完 通过右侧的字母列表 滑动选中对应的区域 屏幕中间会显示当前停留的字母区域的 灰色的字母，这个滑动的时候 都是ok的，但是发现如果用手直接点对应的字母后 该字母不会消失，点击屏幕周边 也不会消失，如果重新用手在字母列表上滑动一下 则能消失。 不知是否是bug 还是我缺少了什么设置。希望能得到你的帮助

大佬你好 ，请问能够提供一种供GridView使用的方法吗

在使用中，发现当我使用GridView布局，一排几个item时，使用右边的a-z滑动，左边的定位对应不上。谢谢

Item高度能不能不设，根据内容动态变化？

Item高度能不能不设，根据内容动态变化？

How to set the separator of the suspension_view

How to set the separator of the suspension_view

Overflow for indexBar

I'm getting an overflow error when the keyboard is shown. What's the best way to avoid it?

怎么实现索引不根据数据展示

我想要即使没有数据的情况下，A-Z的索引也展示。怎么做到？

怎么与SmartRefreer和Sing了ScrollView以及CustomerScrollView结合使用

与SmartRefreer和Sing了ScrollView以及CustomerScrollView结合使用的时候会报错，导致我做不了分页与下拉刷新

当indexbar设置撑满屏幕，touchindexbar不对应

AzListView 看起来非常炫酷，是不是必须一次性加载完Data才可以使用呢？

对于滚动持续加载数据的listview是否不适用呢？

个人猜想因为涉及到排序问题，所以插件应该只适用于一次性加载完成数据后的数据，也就是说列表大小应该是一次性加载完成的吧？

期待你的答复

请问，这个列表是否有复选功能？

请问，这个列表是否有复选功能？

如何下拉刷新跟加载更多呢

套一个EasyRefresh,会报错

热门城市那一行怎么样让不一直在顶部悬浮的？

热门城市那一行怎么样让不一直在顶部悬浮的？

当页面有键盘弹出时，indexbar UI溢出

当页面有textfield时，indexbar bottom溢出。

截图地址

发现一个关于分组后排序的问题。

在相同的字母分组下 比如都是Z 然后名字叫 张** 周**，这样同一组内会乱序 并没有按照张姓结束后才是周姓这样子排序

貌似在不同的dpi下面悬浮头部的精度就会有问题，480dpi是正常的，其他的dpi都没对

A RenderFlex overflowed on the bottom.

  List<Widget> pages = [
    Body(),
    GitHubLanguagePage(),
  ];

  int currentIndex = 0;

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: pages[currentIndex],
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          print("add press ");
        },
        child: Icon(Icons.add),
      ),
      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      bottomNavigationBar: BottomAppBar(
        shape: CircularNotchedRectangle(),
        child: Row(
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          children: [
            IconButton(
              icon: Icon(Icons.view_module),
              onPressed: () {
                setState(() {
                  currentIndex = 0;
                });
                print("全部:$currentIndex");
              },
            ),
            IconButton(
              icon: Icon(Icons.favorite),
              onPressed: () {
                setState(() {
                  currentIndex = 1;
                });
                print("收藏:$currentIndex");
              },
            ),
          ],
        ),
      ),
    );
  }

Body Widget code:

  @override
  Widget build(BuildContext context) {
    _search('');
    print('build ...');

    return Scaffold(
      resizeToAvoidBottomInset: false,
      body: SafeArea(
        child: Column(
          children: [
            Container(
              margin: EdgeInsets.all(12),
              decoration: BoxDecoration(
                  border: Border.all(
                      color: Color.fromARGB(255, 225, 226, 230), width: 0.33),
                  color: Color.fromARGB(255, 239, 240, 244),
                  borderRadius: BorderRadius.circular(12)),
              child: TextField(
                autofocus: false,
                onChanged: (value) {
                  _search(value);
                },
                controller: textEditingController,
                decoration: InputDecoration(
                    prefixIcon: Icon(
                      Icons.search,
                      color: Colors.grey,
                    ),
                    suffixIcon: Offstage(
                      offstage: textEditingController.text.isEmpty,
                      child: InkWell(
                        onTap: () {
                          textEditingController.clear();
                          _search('');
                        },
                        child: Icon(
                          Icons.cancel,
                          color: Colors.grey,
                        ),
                      ),
                    ),
                    border: InputBorder.none,
                    hintText: 'Search',
                    hintStyle: TextStyle(color: Colors.grey)),
              ),
            ),
            Expanded(
              child: AzListView(
                data: controller.dataList(),
                physics: AlwaysScrollableScrollPhysics(),
                itemCount: controller.dataList().length,
                itemBuilder: (BuildContext context, int index) {
                  PinYin model = controller.dataList()[index];
                  return getListItem(context, model);
                },
                itemScrollController: itemScrollController,
                susItemBuilder: (BuildContext context, int index) {
                  PinYin model = controller.dataList()[index];
                  return getSusItem(context, model.getSuspensionTag());
                },
                indexBarOptions: IndexBarOptions(
                  needRebuild: true,
                  selectTextStyle: TextStyle(
                      fontSize: 12,
                      color: Colors.white,
                      fontWeight: FontWeight.w500),
                  selectItemDecoration: BoxDecoration(
                      shape: BoxShape.circle, color: Color(0xFF333333)),
                  indexHintWidth: 96,
                  indexHintHeight: 97,
                  // indexHintDecoration: BoxDecoration(
                  //   image: DecorationImage(
                  //     image: AssetImage(
                  //         Utils.getImgPath('ic_index_bar_bubble_white')),
                  //     fit: BoxFit.contain,
                  //   ),
                  // ),
                  indexHintAlignment: Alignment.centerRight,
                  indexHintTextStyle:
                      TextStyle(fontSize: 24.0, color: Colors.black87),
                  indexHintOffset: Offset(-30, 0),
                ),
              ),
            )
          ],
        ),
      ),
    );
  }

设置了 resizeToAvoidBottomInset: false

当点击搜索的时候键盘弹出就报底部溢出

IndexBar在Andrid横屏时越界

════════ Exception caught by rendering library ═════════════════════════════════════════════════════
The following assertion was thrown during layout:
A RenderFlex overflowed by 25 pixels on the bottom.

The relevant error-causing widget was:
Column file:///Users/zhaoxm/workspace/flutter/azlistview/lib/src/index_bar.dart:244:18
The overflowing RenderFlex has an orientation of Axis.vertical.
The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

Consider applying a flex factor (e.g. using an Expanded widget) to force the children of the RenderFlex to fit within the available space instead of being sized to their natural size.
This is considered an error condition because it indicates that there is content that cannot be seen. If the content is legitimately bigger than the available space, consider clipping it with a ClipRect widget before putting it in the flex, or using a scrollable container rather than a Flex, like a ListView.

The specific RenderFlex in question is: RenderFlex#4ae29 relayoutBoundary=up9 OVERFLOWING
... parentData: (can use size)
... constraints: BoxConstraints(0.0<=w<=36.0, 0.0<=h<=342.7)
... size: Size(36.0, 342.7)
... direction: vertical
... mainAxisAlignment: start
... mainAxisSize: min
... crossAxisAlignment: center
... verticalDirection: down
◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤◢◤
════════════════════════════════════════════════════════════════════════════════════════════════════

height类型为Int

您好，我在使用azlisview的时候使用了屏幕适配的方案来设定各种尺寸，在给itemHeight等height赋值时发现需传入Int类型，我之前是把我要的参数toInt(),后来发现数据量多了后，indexbar就不能正确的跳转到对应的地方了，应该是精度缺失的问题。请问有没有可能把这些设置尺寸的参数的类型换成double呢，还是有其他的考量？

Scrolling using Shortcuts

Hello, I have attempted to create a version of the listview that is similar to the Github Languages example. I have successfully implemented all needed features except 1. Scrolling to a specific position based on clicking on the shortcut list does not work. It doesn't attempt to scroll. What functions control the scroll? What are the necessary dependencies? (There is no error message when I click) ((The Letter Preview shows up when I click, but the specific letter also does not remain highlighted))

City Select(Custom header) 这案例上的热点城市不显示

我下载了源文件，在City Select(Custom header)这个案例，屏幕上一片空白只有滑动页面的时候才会显示城市

Index bar 重叠

1. 如图
2. 开放设置index bar 样式的属性 我看到现在有个indexbar builder的东西 ，但是我不知道如何用。。
   有木有例子

数据不满一屏是 ，滚动问题--If the data is less than one screen, scrolling problem

ffa7407bcc44c89618269962f6eb87a3.mp4

当语音支持国际化(左右排版) 就会出现 排版错误

tag 始终在左边 右边的字母排序 始终在右边

第一个选项被suspension header覆盖

我需要进行下拉下回弹效果怎么设置

我需要进行下拉下回弹效果怎么设置

AzListView里面的header(AzListViewHeader)的heigh属性固定死了

业务场景

滚动顶部是个动态的高度。比如里面有一些资源位

建议动态的获取header的高度

Load image

I was unable to load an image on the list, I use both assets and network image still the same thing, is there I have to do this

在快速滑动后，内存暴涨，导致崩溃

你们不卡吗？indexbar 点下半天才反应过来

发现有个bug

Scaffold(
appBar: new AppBar(
title: new Text(widget.title),
centerTitle: true,
),
body: new Column(
children: [
Container(
alignment: Alignment.centerLeft,
padding: const EdgeInsets.only(left: 15.0),
height: 50.0,
child: Text("当前城市: 成都市"),
),
Expanded(
flex: 1,
child: new AzListView(
data: _cityList,
topData: _hotCityList,
itemBuilder: (context, model) => _buildListItem(model),
suspensionWidget: _buildSusWidget(_suspensionTag),
isUseRealIndex: true,
itemHeight: _itemHeight,
suspensionHeight: _suspensionHeight,
onSusTagChanged: _onSusTagChanged,
))
],
));我发现这个必须要放在Scaffold里面并且要有appbar，不然点击侧边索引后对应的索引标题会有部分重复啊，不知道是我写错了还是有问题，麻烦作者确认一下

怎么让箭头显示

在 header 添加了布局，isUseRealIndex: = false 因为需要索引一直显示。

但是怎么在最上方加个箭头，好回到最上方呢？