json - 你如何迭代 Dart 中的对象列表到 Flutter 中的详细信息页面？

Question

当我将 json 数据从列表解析到详细信息页面时，所有产品都会在详细信息页面中显示第一个产品详细信息。

[1]: https://youtu.be/VOE33E2DHW8

Details Page

Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: <Widget>[
                Container(
                  height: 420.0,
                  width: double.infinity,
                  decoration: BoxDecoration(
                    image: DecorationImage(
                        image: AssetImage(viewDetails.type[0].pic),
                        fit: BoxFit.cover),
                  ),
                ),
                Text(
                  viewDetails.type[0].name,
                  style: kCardText,
                  textAlign: TextAlign.center,
                ),

Answer 1

您需要尝试使用ListView它Builder：

ListView.builder(
  itemCount: viewDetails.type.length,
  itemBuilder: (BuildContext context, int index) {
    final type = viewDetails.type[index];
    return Text(
      type.name,
      style: kCardText,
      textAlign: TextAlign.center,
    );
  }
);

此外， Flutter 官方文档中有关ListViewcontains 的更多信息。