flutter - 我们如何在一个 LsitView Widget 中使用两行

Question

我试图在单个 Listview 中使用双行，当我在 listview widget 内的列中添加双行时，它应该在单个 ListView 小部件中一起滚动，我将两行合并而不是创建新行。附上图片。标记部分

标签： flutterlistviewflutter-layoutflutter-design

Answer 1

您可以GridView改用，这是示例代码

Container(
      height: 150,
      width: MediaQuery.of(context).size.width,
      child: GridView.builder(
        itemCount: 20,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
          crossAxisCount: 2,
          crossAxisSpacing: 1,
          mainAxisSpacing: 1,
          childAspectRatio: 1,
        ),
        scrollDirection: Axis.horizontal,
        itemBuilder: (context, index) {
          return Container(
            color: Colors.red,
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Icon(Icons.ac_unit),
                Text('data $index'),
              ],
            ),
          );
        },
      ),
    );