分离 Flutter 分组

omqzjyyz  于 2023-05-01  发布在  Flutter
关注(0)|答案(1)|浏览(117)

我正在使用grouped_list flutter包来构建一个通知屏幕,它根据日期对通知进行分组。我正在寻求一个解决方案,我可以分开的每一组(这是在这种情况下的天)与分隔符。
我试着让我的itemBuilder成为一个列,并把我的listitem和divider作为子项,但这只是把divider放在我的每个ListTile项下,而不是把divider放在每组ListTile项下。
对于上下文,这是我的代码看起来的样子:

GroupedListView<dynamic, String>(
              padding: const EdgeInsets.symmetric(
                  horizontal: 30.0, vertical: 40.0),
              elements: _elements,
              groupBy: (element) => element['day'],
              groupHeaderBuilder: createGroupHeader,
              // groupSeparatorBuilder: (String groupByValue) => Align(
              //   alignment: AlignmentDirectional.centerStart,
              //   child: Padding(
              //     padding: const EdgeInsets.only(bottom: 16.0),
              //     child: Text(
              //       groupByValue,
              //       style: CredioTextStyle.regular.copyWith(
              //         fontSize: 12.0,
              //         color: Colors.black.withOpacity(0.5),
              //         letterSpacing: 0.05,
              //       ),
              //     ),
              //   ),
              // ),
              itemBuilder: (context, dynamic element) => ListItem(
                // notifications: task.data!.,
                time: element['time'],
                title: element['notification'],
              ),
              itemComparator: (item1, item2) =>
                  item1['notification'].compareTo(item2['notification']),
              groupComparator: (item1, item2) =>
                  item1[1].compareTo(item2[1]),
              // optional
              useStickyGroupSeparators: false,
              floatingHeader: true,
              // optional
              order: GroupedListOrder.DESC, // optional
            );
rxztt3cl

rxztt3cl1#

您可以将Divider添加到groupSeperatorBuilder/groupHeaderBuilder。只是不要在第一个元素前面画一个(例如通过检查索引或比较名称)

相关问题