Flutter中NetworkImage使用字符串资源报错求助

1. 移除const修饰符解决变量冲突 #

你给CircleAvatar加了const，但NetworkImage(pic)里的pic是类的实例成员变量——const组件只能引用编译时常量，实例变量是运行时赋值的，两者冲突导致报错。直接删掉CircleAvatar前的const即可。

2. 替换NetworkImage适配Base64格式 #

你的pic是Data URI格式的Base64字符串，NetworkImage仅支持加载HTTP/HTTPS网络图片，无法解析这种本地编码格式。改用MemoryImage处理，步骤如下：

• 截取Base64编码部分（去掉前缀data:image/webp;base64,）
• 用base64Decode将字符串转为字节数组
• 把字节数组传入MemoryImage

修正后的代码片段 #

import 'dart:convert'; // 必须导入这个包才能用base64Decode
import 'package:flutter/material.dart';

class HomePage extends StatelessWidget {
  HomePage({super.key, required this.mailId, required this.name, required this.pic});

  String mailId;
  String name;
  String pic = "data:image/webp;base64,UklGOOOyAR0vA6w6+gjEQiUr+bqpnJ/uGmjaRdZFh40GKjdvH1pau8C0saW81R0lAty9idmf0CrPXpzp6gr11ZILJOuAAAAAAAAAAAAAA==";

  @override
  Widget build(context) {
    // 处理Base64字符串，提取编码内容并转字节
    final imageBytes = base64Decode(pic.split(',').last);
    
    return Scaffold(
      appBar: AppBar(
        title: const Text("Home page"),
        backgroundColor: Colors.amber,
        actions: [
          GestureDetector(
            onTap: () {
              // 跳转页面用push，pop是返回上一页，这里逻辑写错了
              Navigator.of(context).push(
                MaterialPageRoute(
                  builder: (context) => ProfilePage(
                    pic,
                    mailID: mailId,
                    name: name,
                    img: pic,
                  ),
                ),
              );
            },
            // 去掉const修饰符
            child: CircleAvatar(
              radius: 30,
              backgroundImage: MemoryImage(imageBytes),
            ),
          )
        ],
      ),
      // 补充你原本的其他页面代码
    );
  }
}

内容的提问来源于stack exchange，提问作者suryaprakashrp04