Flutter Wrap + List.generate网格布局

小蜜蜂嗡嗡

已于 2023-04-06 14:15:04 修改

阅读量824

点赞数

CC 4.0 BY-SA版权

文章标签： flutter android

于 2022-11-14 12:35:30 首次发布

本文链接：https://blog.youkuaiyun.com/androidhyf/article/details/127845175

本文介绍如何在Flutter中利用Wrap组件结合List.generate方法，实现灵活的网格布局效果。通过调整参数，你可以轻松创建不同列数的响应式网格，适应不同设备屏幕尺寸。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

int _selectPosition = -1;
List<ExpUserCellList> _latticeList = [];
Container(
      alignment: Alignment.topCenter,
      margin: EdgeInsets.only(top: 60.w),
      child: Wrap(
        crossAxisAlignment: WrapCrossAlignment.start,
        alignment: WrapAlignment.start,
        spacing