Next.js의 레이아웃이 페이지 콘텐츠를 모호하게 합니다.

Question

Material-ui(https://mui.com/material-ui/react-bottom-navigation/)의 하단 탐색을 Next.js 앱의 레이아웃으로 사용하려고 합니다.

하지만 탐색 기능이 페이지 하단을 가립니다. 여백과 패딩을 변경해 보았지만 작동하지 않았습니다.

제가 사용하는 하단 네비게이션은 Material-ui와 똑같습니다.

레이아웃이 없으면 이렇습니다.

레이아웃을 사용하면 콘텐츠가 가려집니다. -

정말 감사합니다

Answer 1

코드 스니펫을 제공하지 않으면 사용법을 말하기 어렵지만 MaterialUI 탐색이 페이지 콘텐츠 위에 표시되도록 설계된 것처럼 보입니다.

내비게이션 높이를 낮추려면 레이아웃의 내비게이션 위에 빈 div을 추가해야 합니다. 이는 내비게이션 높이와 동일합니다.