首页 文章

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

提问于
浏览 1004
0

我使用盖茨比材料入门套件进行个人项目(主要是学习Ract和Gatsby) . https://github.com/Vagr9K/gatsby-material-starter

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

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

1 回答

  • 0

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

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

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

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

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

相关问题