我使用盖茨比材料入门套件进行个人项目(主要是学习React和Gatsby)。 qazxsw poi
我想要的设计是有一个主页,不会在标题中呈现工具栏(用于容纳汉堡包导航列表的工具栏)。主页有一个大的主体和页脚,但没有标题,即一个巨大的“英雄”。
在使用布局和模板进行几个小时的黑客攻击后,必须有一种优雅的方式来实现这种设计?要分享的任何方向或工作代码?
Gatsby Material Starter中的所有页面都用https://github.com/Vagr9K/gatsby-material-starter包裹,以提供一致的样式。
反过来,MainLayout
component使用MainLayout
渲染Navigation
component,同时将样式信息传递给它。
如果要更改固定工具栏,则必须使用NavigationDrawer
中的Toolbar
和Drawer
组件替换它。
注意:我不建议像这样学习ReactJS,因为GatsbyJS增加了额外的复杂性(特定于它)和启动器(或任何其他类似的预制项目)除非您之前有过使用React的经验,否则不容易定制。
免责声明:我是Gatsby Material Starter的作者。