删除或隐藏gatsby启动器工具栏

问题描述 投票:0回答:1

我使用盖茨比材料入门套件进行个人项目(主要是学习React和Gatsby)。 qazxsw poi

我想要的设计是有一个主页,不会在标题中呈现工具栏(用于容纳汉堡包导航列表的工具栏)。主页有一个大的主体和页脚,但没有标题,即一个巨大的“英雄”。

在使用布局和模板进行几个小时的黑客攻击后,必须有一种优雅的方式来实现这种设计?要分享的任何方向或工作代码?

reactjs gatsby
1个回答
0
投票

Gatsby Material Starter中的所有页面都用https://github.com/Vagr9K/gatsby-material-starter包裹,以提供一致的样式。

反过来,MainLayout component使用MainLayout渲染Navigation component,同时将样式信息传递给它。

如果要更改固定工具栏,则必须使用NavigationDrawer中的ToolbarDrawer组件替换它。

注意:我不建议像这样学习ReactJS,因为GatsbyJS增加了额外的复杂性(特定于它)和启动器(或任何其他类似的预制项目)除非您之前有过使用React的经验,否则不容易定制。

免责声明:我是Gatsby Material Starter的作者。

© www.soinside.com 2019 - 2024. All rights reserved.