如何在Flutter中创建网络图像列表

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

class ImageList extends StatefulWidget {
  @override
  _ImageListState createState() => _ImageListState();
}

class _ImageListState extends State<ImageList> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Image List'),
      ),
      body: Container(
        // 在这里创建你的网络图像列表
      ),
    );
  }
}

Future<List<dynamic>> _fetchImageList() async {
  final response = await http.get('https://example.com/image-list-api');
  if (response.statusCode == 200) {
    return json.decode(response.body);
  } else {
    throw Exception('Failed to fetch image list');
  }
}

@override
void initState() {
  super.initState();
  _fetchImageList().then((imageList) {
    setState(() {
      _imageList = imageList;
    });
  });
}

body: Container(
  child: ListView.builder(
    itemCount: _imageList.length,
    itemBuilder: (context, index) {
      return ListTile(
        leading: Image.network(_imageList[index]['url']),
        title: Text(_imageList[index]['title']),
      );
    },
  ),
),