Flutter 交错网格视图创建一列照片,而不是网格

Flutter 交错网格视图创建一列照片,而不是网格,flutter,staggered-gridview,Flutter,Staggered Gridview,我试图创建一个交错的Gridview小部件,但它创建的是一列照片,而不是网格。 我想创建一个包含3张照片的网格。 我试图更改crossAxisCount和StaggedTitle.fit 以下是我的小部件的代码: import 'package:flutter/material.dart'; import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart'; import 'package:flutter_

我试图创建一个交错的Gridview小部件,但它创建的是一列照片,而不是网格。 我想创建一个包含3张照片的网格。 我试图更改crossAxisCount和StaggedTitle.fit

以下是我的小部件的代码:

import 'package:flutter/material.dart';
import 'package:flutter_staggered_grid_view/flutter_staggered_grid_view.dart';
import 'package:flutter_svg/flutter_svg.dart';

class MyMediaWidget extends StatelessWidget {
  final List<String> images = [
    'assets/png/photo1.png',
    'assets/png/photo2.png',
    'assets/png/photo3.png',
    'assets/png/photo4.png',
    'assets/png/photo5.png',
    'assets/png/photo6.png',
    'assets/png/photo7.png',
    'assets/png/photo8.png',
    'assets/png/photo9.png',
  ];
  @override
  Widget build(BuildContext context) {
    return StaggeredGridView.countBuilder(
      shrinkWrap: true,
      scrollDirection: Axis.vertical,
      physics: ScrollPhysics(),
      crossAxisCount: 3,
      itemCount: images.length,
      itemBuilder: (BuildContext context, int index) => Stack(
        children: [
          ClipRRect(
            child: Image.asset(
              images[index],
            ),
            borderRadius: BorderRadius.circular(10),
          ),
          Positioned(
            top: 5,
            right: 5,
            child: InkWell(
              onTap: () {},
              child: SvgPicture.asset('assets/svg/close.svg', color: Color(0xFFCF6679),),
            ),
          ),
        ],
      ),
      staggeredTileBuilder: (int index) => StaggeredTile.fit(3),
      mainAxisSpacing: 10,
      crossAxisSpacing: 10,
    );
  }
}
导入“包装:颤振/材料.省道”;
导入“包:颤振交错网格视图/颤振交错网格视图.省道”;
导入“package:flatter_svg/flatter_svg.dart”;
类MyMediaWidget扩展了无状态Widget{
最终列表图像=[
“assets/png/photo1.png”,
“assets/png/photo2.png”,
“assets/png/photo3.png”,
“assets/png/photo4.png”,
“assets/png/photo5.png”,
“assets/png/photo6.png”,
“assets/png/photo7.png”,
“assets/png/photo8.png”,
“assets/png/photo9.png”,
];
@凌驾
小部件构建(构建上下文){
返回EdgridView.countBuilder(
收缩膜:对,
滚动方向:轴垂直,
物理:物理(),
交叉轴计数:3,
itemCount:images.length,
itemBuilder:(BuildContext上下文,int索引)=>堆栈(
儿童:[
ClipRRect(
子:Image.asset(
图像[索引],
),
边界半径:边界半径。圆形(10),
),
定位(
前五名,
右:5,,
孩子:InkWell(
onTap:(){},
子级:SvgPicture.asset('assets/svg/close.svg',颜色:color(0xFFCF6679),
),
),
],
),
交错文件生成器:(int索引)=>交错文件.fit(3),
平均间距:10,
横轴间距:10,
);
}
}