从flutter中的第二个索引数据中检索数据答案

【问题标题】：Retrieve data from the second index data in flutter从flutter中的第二个索引数据中检索数据
【发布时间】：2023-01-09 18:16:28
【问题描述】：

enter image description here 这是列表图像

我想从中访问内容密钥。

enter image description here 尝试了上面的代码

【问题讨论】：

添加一些代码而不是图像。
分享您的代码而不是图像。快乐编码:)

标签： flutter dart

【解决方案1】：

试试这个代码：

class MyPage extends StatelessWidget {
  MyPage({super.key});
  final coumputerData = [
    {
      "maintopic": "Computer Software",
      "subtopic": [
        {
          "topic": "introduction",
          "content": "owhrfiuwbef iosevibskvsuibvisnesd nisudvusvc",
        }
      ]
    },
    {
      "maintopic": "Computer",
      "subtopic": [
        {
          "topic": "introduction",
          "content": "owhrfic",
        }
      ]
    }
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: ListView.builder(
        shrinkWrap: true,
        physics: const ClampingScrollPhysics(),
        itemCount: coumputerData.length,
        itemBuilder: ((context, index) {
          final List<Map> arrSubTopic =
              coumputerData[index]['subtopic'] as List<Map>;
          return Column(
            children: [
              Container(
                height: 40,
                color: Colors.red,
                child: Row(
                  children: [
                    Expanded(
                      child: Center(
                        child:
                            Text(coumputerData[index]['maintopic'] as String),
                      ),
                    )
                  ],
                ),
              ),
              Container(
                color: Colors.amber,
                child: ListView.builder(
                  shrinkWrap: true,
                  physics: const ClampingScrollPhysics(),
                  itemCount: arrSubTopic.length,
                  itemBuilder: ((context, inx) {
                    return Padding(
                      padding: const EdgeInsets.all(8.0),
                      child: Column(
                        crossAxisAlignment: CrossAxisAlignment.start,
                        children: [
                          Text(arrSubTopic[inx]['topic'] as String),
                          Text(arrSubTopic[inx]['content'] as String)
                        ],
                      ),
                    );
                  }),
                ),
              )
            ],
          );
        }),
      ),
    );
  }
}

您还可以使用模型类访问您的数据。要生成模型类，您可以使用这个website。

【讨论】：