大喵喵酱
发布于

解决flutter ListView顶部空白的问题

当ListView和AppBar一起使用时,顶部会有一部分留白。 是因为这个时候ListView给顶部加了Padding,如果想要去掉,可以通过一下方式:

MediaQuery.removePadding(
    context: context,
    removeTop: true, // 这行是重点
    child: ListView.separated(
        shrinkWrap: true,
        physics: const NeverScrollableScrollPhysics(),
        itemCount: controller.state.topicResults.length,
        itemBuilder: (BuildContext context, int index) {
            return TopicItem(controller.state.topicResults[index]);
        },
        separatorBuilder: (BuildContext context, int index) {
            return const Divider(
                color: AppColors.transparent,
                height: 8,
            );
        },
    ),
);
浏览 (64)
点赞 (1)
收藏
评论