React Native Expo导航抽屉图标在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
相关产品推荐
相关产品推荐

