Flutter :显示嵌套JSON数据中的指定行

import 'package:flutter/material.dart';
import 'dart:convert';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Flutter JSON Example'),
        ),
        body: FutureBuilder(
          future: fetchData(),
          builder: (context, snapshot) {
            if (snapshot.hasData) {
              var data = json.decode(snapshot.data.toString());
              var rows = data['rows']; // 假设rows是JSON中嵌套的行数据

              return ListView.builder(
                itemCount: rows.length,
                itemBuilder: (context, index) {
                  var row = rows[index];
                  return ListTile(
                    title: Text(row['title']),
                    subtitle: Text(row['description']),
                  );
                },
              );
            } else if (snapshot.hasError) {
              return Text('Error loading data');
            }

            return CircularProgressIndicator();
          },
        ),
      ),
    );
  }

  Future<String> fetchData() async {
    // 通过http或dio库获取JSON数据
    // 替换为实际的API请求
    await Future.delayed(Duration(seconds: 2)); // 模拟延迟
    return '''
      {
        "rows": [
          {
            "title": "行1",
            "description": "这是第一行"
          },
          {
            "title": "行2",
            "description": "这是第二行"
          },
          {
            "title": "行3",
            "description": "这是第三行"
          }
        ]
      }
    ''';
  }
}