如何遍历 Dart 中的对象列表到 flutter 中的详细信息页面？

Question

When I parse the json data from a list to the details page, all product show the first product details in the details page.

[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

You need to try use ListView with it's 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,
    );
  }
);

Also, more information about ListView contains in Official Flutter Documentation .