Снятие или скрытие панели инструментов стартера Гэтсби

Question

Я использовал Gatsby Material Starter kit для личного проекта (по сути, для изучения Ract и Gatsby). https://github.com/Vagr9K/gatsby-material-starter

Дизайн, который я хочу, это иметь домашнюю страницу, которая не отображает панель инструментов в заголовке (панель инструментов, которая содержит навигационный список гамбургеров). Домашняя страница имеет большое тело и нижний колонтитул, но без заголовка, т.е. гигантский «герой».

После нескольких часов взлома с макетами и шаблонами должен быть элегантный способ достичь этого дизайна? Любое направление или рабочий код, чтобы поделиться?

Answer 1

Все страницы в Gatsby Material Starter обернуты компонентом MainLayout для обеспечения согласованного стиля.

В свою очередь, MainLayout использует Navigation компонент для визуализации NavigationDrawer при передаче ему информации о стилях.

Если вы хотите изменить фиксированную панель инструментов, вам придется заменить ее на Toolbar и Drawer компонентов из react-md.

ПРИМЕЧАНИЕ. Я бы не рекомендовал изучать ReactJS подобным образом, поскольку GatsbyJS добавляет дополнительную сложность (это специфично для него), и стартеры (или любые другие готовые проекты, подобные этому) не легко настраиваются, если у вас нет предыдущего опыта работы с React. .

Отказ от ответственности: я автор Gatsby Material Starter.