删除或隐藏gatsby入门工具栏

时间:2018-08-31 00:34:22

标签: reactjs gatsby

我将Gatsby Material Starter套件用于个人项目(本质上是学习Ract和Gatsby)。 https://github.com/Vagr9K/gatsby-material-starter

我想要的设计是拥有一个不会在标题中呈现工具栏的主页(该工具栏包含汉堡导航列表)。该主页具有较大的正文和页脚,但没有页眉,即巨大的“英雄”。

经过数小时的布局和模板修改之后,必须有一种优雅的方法来实现此设计吗?有任何分享的指导或工作代码吗?

1 个答案:

答案 0 :(得分:0)

Gatsby Material Starter中的所有页面都用MainLayout component包装以提供一致的样式。

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

如果要更改固定的工具栏,则必须将其替换为react-md中的ToolbarDrawer组件。

注意:我不建议像这样学习ReactJS,因为GatsbyJS会增加额外的复杂性(特定于它),并且除非您有使用React的经验,否则很难轻松地定制启动器(或任何其他类似这样的预制项目)

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