You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Native Expo导航抽屉图标在Firebase部署环境不显示

问题:Navigation Drawer侧边栏菜单图标在Firebase部署后消失
  • 本地运行时,使用Navigation Drawer创建的侧边栏菜单显示正常,左上角导航菜单图标存在;
  • 部署到Firebase服务器后,左上角导航菜单图标消失,对比本地与服务器源码,发现服务器端缺少本地环境中存在的img标签。

本地应用截图:左上角显示汉堡菜单图标,侧边栏可正常展开
部署后应用截图:左上角无汉堡菜单图标,无法触发侧边栏展开

主应用文件index.js代码

import React from 'react';
import { NavigationContainer } from '@react-navigation/native';
import { createDrawerNavigator } from '@react-navigation/drawer';

import CancerHomepageWebWrapper from './CancerHomepageWebWrapper';
import ChemoHomepageWebWrapper from './ChemoHomepageWebWrapper';
import GeneHomepageWebWrapper from './GeneHomepageWebWrapper';

const Drawer = createDrawerNavigator();

export default function App() {
  return (
    <NavigationContainer>
      <Drawer.Navigator initialRouteName="Cancer">
        <Drawer.Screen name="Cancer" component={CancerHomepageWebWrapper} />
        <Drawer.Screen name="Chemo" component={ChemoHomepageWebWrapper} />
        <Drawer.Screen name="Gene" component={GeneHomepageWebWrapper} />
      </Drawer.Navigator>
    </NavigationContainer>
  );
}

部署脚本

npx expo export -p web
mv dist/index.html src/main/www/index.html
mv dist/metadata.json src/main/www/
mv dist/favicon.ico src/main/www/
rm -rf src/main/www/assets
mv dist/assets src/main/www/assets
rm -rf src/main/www/_expo
mv dist/_expo src/main/www/_expo
firebase deploy

内容的提问来源于stack exchange,提问作者MattJ

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.15 20:22:05