Flutter抽屉组件USB调试正常，打包APK后显示灰色空白的问题求助

我在主屏幕里加了一个抽屉组件，用USB调试的时候功能完全正常，但打包成APK安装到设备上后，抽屉就变成一片灰色空白了，翻了半天代码也找不到问题所在，有没有大佬能帮忙分析下？

我的代码如下：

import 'package:flutter/material.dart';
import 'package:flutter_riverpod/flutter_riverpod.dart';
import 'package:pregathi/community-chat/screens/community_list_screen.dart';
import 'package:pregathi/const/constants.dart';
import 'package:pregathi/widgets/home/wife-options-drawer/profile_screen.dart';

class WifeOptionsDrawer extends ConsumerWidget {
  const WifeOptionsDrawer({super.key});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Drawer(
      child: SafeArea(
        child: Expanded(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.start,
            children: [
              SizedBox(
                height: 20,
              ),
              ListTile(
                title: Text("Profile"),
                leading: Icon(Icons.person),
                onTap: () {
                  goTo(context, WifeProfileScreen());
                },
              ),
              ListTile(
                title: Text("Community"),
                leading: Icon(Icons.groups_2_rounded),
                onTap: () {
                  goTo(context, CommunityListScreen());
                },
              ),
            ],
          ),
        ),
      ),
    );
  }
}

几个可能的排查方向和解决建议： #

• 移除多余的Expanded组件：Drawer本身已经是具备布局约束的容器，你在SafeArea里嵌套Expanded，很可能在release模式下触发布局异常，导致内容无法正常渲染。可以直接把Expanded删掉，让Column作为SafeArea的子组件试试：

  return Drawer(
    child: SafeArea(
      child: Column(
        mainAxisAlignment: MainAxisAlignment.start,
        children: [
          SizedBox(height: 20),
          // 保留原来的ListTile代码
          ListTile(
            title: Text("Profile"),
            leading: Icon(Icons.person),
            onTap: () {
              goTo(context, WifeProfileScreen());
            },
          ),
          ListTile(
            title: Text("Community"),
            leading: Icon(Icons.groups_2_rounded),
            onTap: () {
              goTo(context, CommunityListScreen());
            },
          ),
        ],
      ),
    ),
  );
  

• 检查自定义goTo方法的实现：你用了自己封装的goTo跳转页面，如果这个方法在release模式下存在隐藏问题（比如依赖了debug模式才生效的逻辑、或者路由处理有误），也可能间接导致抽屉显示异常。可以暂时换成Flutter原生的Navigator.push来测试是否恢复正常：

  onTap: () {
    Navigator.push(
      context,
      MaterialPageRoute(builder: (context) => WifeProfileScreen()),
    );
  },
  

• 清理缓存后重新打包：有时候缓存文件会导致release打包异常，试试先执行flutter clean，然后再重新构建APK。
• 查看release模式的运行日志：通过adb logcat命令查看设备上的日志输出，能找到release模式下的具体报错信息，比如是否有未捕获的异常、资源加载失败等，这对定位问题非常关键。

备注：内容来源于stack exchange，提问作者Harsha Kumar