在flutter中显示来自json的数据

class Person {
  final String name;
  final int age;

  Person({required this.name, required this.age});

  factory Person.fromJson(Map<String, dynamic> json) {
    return Person(
      name: json['name'],
      age: json['age'],
    );
  }
}

import 'package:http/http.dart' as http;
import 'dart:convert';

Future<Person> fetchPerson() async {
  final response = await http.get(Uri.parse('https://example.com/person.json'));

  if (response.statusCode == 200) {
    return Person.fromJson(jsonDecode(response.body));
  } else {
    throw Exception('Failed to load person');
  }
}

FutureBuilder<Person>(
  future: fetchPerson(),
  builder: (context, snapshot) {
    if (snapshot.hasData) {
      return Text('Name: ${snapshot.data!.name}, Age: ${snapshot.data!.age}');
    } else if (snapshot.hasError) {
      return Text('Error: ${snapshot.error}');
    } else {
      return CircularProgressIndicator();
    }
  },
)