如何在Flutter中从Rest API生成动态扩展瓦片列表？

dependencies:
  flutter:
    sdk: flutter
  http: ^0.13.4
  flutter_bloc: ^7.0.0

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

class ApiService {
  static const String baseUrl = 'https://api.example.com';

  Future<List<dynamic>> fetchTiles() async {
    final response = await http.get(Uri.parse('$baseUrl/tiles'));
    if (response.statusCode == 200) {
      return jsonDecode(response.body);
    } else {
      throw Exception('Failed to fetch tiles');
    }
  }
}

import 'package:flutter_bloc/flutter_bloc.dart';

class TilesBloc extends Cubit<List<dynamic>> {
  final ApiService apiService;

  TilesBloc(this.apiService) : super([]);

  Future<void> fetchTiles() async {
    try {
      final tiles = await apiService.fetchTiles();
      emit(tiles);
    } catch (e) {
      // 处理错误
    }
  }
}

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

class TilesPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Tiles'),
      ),
      body: BlocProvider(
        create: (context) => TilesBloc(ApiService()),
        child: BlocConsumer<TilesBloc, List<dynamic>>(
          listener: (context, tiles) {},
          builder: (context, tiles) {
            if (tiles.isEmpty) {
              return Center(
                child: CircularProgressIndicator(),
              );
            } else {
              return ListView.builder(
                itemCount: tiles.length,
                itemBuilder: (context, index) {
                  final tile = tiles[index];
                  return ListTile(
                    title: Text(tile['title']),
                    subtitle: Text(tile['description']),
                  );
                },
              );
            }
          },
        ),
      ),
    );
  }
}