flutter中key值数据如何显示本地json文件？

Question

我有这个 json 文件，我只想在 ListView 小部件中显示此数据的键。 像照片中的东西。 我是 flutter 的新人。

{
  "cards": [
      {
      "name": {
        "Title Card 1": 3,
        "Title Card 2": 1,
        "Title Card 3": 1,
        "Title Card 4": 2,
        "Title Card 5": 1        
      },
      "authors": {
        "Author John": 2,
        "Author Carl": 1,
        "Author Ben": 5
      },
      "language": {
        "en": 74,
        "fr": 11
      }
    }
    
  ]
}

Answer 1

以这种方式尝试...

// Fetch content from the json file
      Future<void> readJson() async {
        final String response = await rootBundle.loadString('assets/sample.json');
        final data = await json.decode(response);
        setState(() {
          _items = data["items"];
        });
      }

并以这种方式显示

_items.isNotEmpty
                ? Expanded(
                    child: ListView.builder(
                      itemCount: _items.length,
                      itemBuilder: (context, index) {
                        return Card(
                          margin: const EdgeInsets.all(10),
                          child: ListTile(
                            leading: Text(_items[index]["id"]),
                            title: Text(_items[index]["name"]),
                            subtitle: Text(_items[index]["description"]),
                          ),
                        );
                      },
                    ),
                  )
                : Container()

有关更多信息，请查看此链接： Json 数据显示