Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/flutter/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Function 使用函数在颤振中添加多个图像?_Function_Flutter_Dart - Fatal编程技术网

Function 使用函数在颤振中添加多个图像?

Function 使用函数在颤振中添加多个图像?,function,flutter,dart,Function,Flutter,Dart,我没有遇到任何问题,但我有一个问题,因为我必须在我的应用程序中添加多个图像。假设将来这些图像的数量会越来越多,所以我只想知道如何在颤振中使用函数 以下是我目前添加图像的方式: Container(color: Colors.redAccent, height: 2), SizedBox(height: 8), Row( crossAxisAlignment: CrossAxisAlignment.start,

我没有遇到任何问题,但我有一个问题,因为我必须在我的应用程序中添加多个图像。假设将来这些图像的数量会越来越多,所以我只想知道如何在颤振中使用函数

以下是我目前添加图像的方式:


        Container(color: Colors.redAccent, height: 2),
        SizedBox(height: 8),
        Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: <Widget>[
            Expanded(
              child: Image.asset(
                'assets/cat.jpg',
                width: 110.0,
                height: 100.0,
                fit: BoxFit.fill,
              ),
            ),
            Spacer(flex:1),
            Expanded(
              child: Image.asset(
                'assets/cat.jpg',
                width: 110.0,
                height: 100.0,
                fit: BoxFit.cover,
              ),
            ),
          ],
        ),

容器(颜色:Colors.redAccent,高度:2),
尺寸箱(高度:8),
划船(
crossAxisAlignment:crossAxisAlignment.start,
儿童:[
扩大(
子:Image.asset(
“资产/类别jpg”,
宽度:110.0,
高度:100.0,
fit:BoxFit.fill,
),
),
垫片(挠性:1),
扩大(
子:Image.asset(
“资产/类别jpg”,
宽度:110.0,
高度:100.0,
适合:BoxFit.cover,
),
),
],
),
预期:

我的输出:

由于您在代码中使用了资产图像,因此我也发布了资产代码,您可以相应地更改逻辑。下面是示例代码

int _count = 0;
List<String> _listImages = [
  "assets/images/chocolate_pic.png",
  "assets/images/profile.png",
  "assets/images/loading.gif",
];

@override
Widget build(BuildContext context) {
  return Scaffold(
    floatingActionButton: FloatingActionButton(onPressed: _addImages, child: Icon(Icons.add),),
    body: Padding(
      padding: const EdgeInsets.all(8.0),
      child: GridView.builder(
        itemCount: _listImages.length,
        gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount: 2, mainAxisSpacing: 20, crossAxisSpacing: 20),
        itemBuilder: (_, index) {
          return Image.asset(_listImages[index], fit: BoxFit.cover, width: 100, height: 100);
        },
      ),
    ),
  );
}

void _addImages() {
  setState(() {
    _listImages.add(_listImages[_count % 3]);
    ++_count;
  });
}
int\u count=0;
列表_列表图像=[
“资产/图像/巧克力图片.png”,
“assets/images/profile.png”,
“资产/图像/加载.gif”,
];
@凌驾
小部件构建(构建上下文){
返回脚手架(
floatingActionButton:floatingActionButton(按下时:添加图像,子:图标(Icons.add)),
主体:填充物(
填充:常数边集全部(8.0),
子项:GridView.builder(
itemCount:_listImages.length,
gridDelegate:SliverGridDelegateWithFixedCrossAxisCount(crossAxisCount:2,mainAxisSpacing:20,crossAxisSpacing:20),
itemBuilder:(\ux,索引){
返回Image.asset(_listImages[index],fit:BoxFit.cover,宽度:100,高度:100);
},
),
),
);
}
void _addImages(){
设置状态(){
_添加(_listImages[_count%3]);
++_计数;
});
}

必须将GridView与crossAxisCount:2一起使用。请参考:@Prianca do让我知道如果这不起作用,我会在添加此内容时让你知道。到目前为止,我有一个关于如何在点击一个点时添加一条线的问题(我正在考虑添加一条线作为一个图像,在点击任何一个点时添加一条线)。那么,我如何才能做到这一点呢?如果你能给我看一下你想要实现的目标的截图,我可以更好地帮助你。