无法在 flutter 中添加来自 API 的图像

Answer 1

Tuoi 正在尝试将响应解析为 JSON。请改用

Image.network

小部件。

例子

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Flag Example')),
        body: Center(child: FlagImage(countryCode: 'za')),
      ),
    );
  }
}

class FlagImage extends StatelessWidget {
  final String countryCode;

  FlagImage({required this.countryCode});

  @override
  Widget build(BuildContext context) {
    return Image.network(
      'https://flagcdn.com/120x90/$countryCode.png',
      width: 120,
      height: 90,
      errorBuilder: (context, error, stackTrace) {
        print('Failed to load flag image: $error');
        return Text('Error loading image');
      },
    );
  }}