如何迭代对象列表并使用颤振在小部件中获取它们的属性？

Question

class drinkMenu extends StatelessWidget {
  int i = 0;
  @override
  Widget build(BuildContext context) {
    Size screenSize = MediaQuery.of(context).size;
    List<products> _products = <products>[];
    
    return Scaffold(
        appBar: AppBar(
          title: Text('Bebidas.'),
          backgroundColor: Colors.brown,
        ),
        body: GridView.count(
          padding: const EdgeInsets.all(15),
          mainAxisSpacing: 10,
          crossAxisCount: 1,
          childAspectRatio: 2.4,
          children: <Widget>[
            _products.forEach((products _drink) {
              showGrid(
                  child: GestureDetector(
                      onTap: () {
                        Navigator.push(context,
                            MaterialPageRoute(builder: (context) {
                          return productosNuevos();
                        }));
                      },
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: <Widget>[
                          Text(
                            "BebidasPH",
                          ),
                          Container(
                            alignment: Alignment.bottomRight,
                            child: Image.asset(
                              "assets/images/cafesitop.png",
                              width: screenSize.width / 2.635,
                            ),
                          ),
                        ],
                      )),
                  text: '');
            })
          ],
        ));
  }
}

我目前正在开发我的第一个移动应用程序（使用 Flutter 和 Dart 开发。），我的应用程序是一个与食品相关的应用程序，其中包含显示产品的菜单。当我尝试制作对象列表（在这种情况下为产品）时，问题就来了，这样我就可以轻松地在屏幕上分配和显示它们的名称/价格和图像，我尝试做的是使用“forEach（）”函数它迭代列表中的每个实例，然后我可以使用对象的属性应用一个操作，然后我（理论上）获取该信息并显示它，但我收到此错误消息，显示“此表达式的类型为 'void'所以它的值不能被使用。尝试检查你是否使用了正确的 API；可能有一个函数或调用返回你没想到的 void。还要检查类型参数和变量，它们也可能是 void。 "

如果不使用 for each 函数，我该怎么做？或者如何解决这个问题？

这是给我问题的代码部分：

Answer 1

当您使用 StatelessWidget 时，放置变量 _product 不会导致任何问题，但是当您想将其设置为 StatefulWidget 时，请将其放在 build 方法之前。

如果你查看forEach 的结构，它是返回 void

void forEach(
   void action(
     E element
   )
)

对于您的情况，您需要 map 列表并返回 Column 使用扩展运算符... 。会是这样的

   Column(
        children: [
          ..._product.map((e) {
            //return your widget
            return Text("");
          }).toList(),
        ],
      ),

为了你的sn-p

children: <Widget>[
            ..._products.map((_drink) {
             return showGrid(
                  child: GestureDetector(
                      onTap: () {
                        Navigator.push(context,
                            MaterialPageRoute(builder: (context) {
                          return productosNuevos();
                        }));
                      },
                      child: Row(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        mainAxisAlignment: MainAxisAlignment.end,
                        children: <Widget>[
                          Text(
                            "BebidasPH",
                          ),
                          Container(
                            alignment: Alignment.bottomRight,
                            child: Image.asset(
                              "assets/images/cafesitop.png",
                              width: screenSize.width / 2.635,
                            ),
                          ),
                        ],
                      )),
                  text: '');
            }).toList(),
          ],

更多关于spread-operatoron So和Map