La mise en page dans Next.js obscurcit le contenu de la page

Question

J'essaie d'utiliser la navigation inférieure dans Material-ui (https://mui.com/material-ui/react-bottom-navigation/) comme mise en page dans mon application Next.js.

Cependant, la navigation masque le bas de la page. J'ai essayé de modifier les marges et le remplissage, mais cela n'a pas fonctionné.

La navigation inférieure que j'utilise est exactement la même que celle de Material-ui.

On dirait ceci sans mise en page.

Avec la mise en page, cela masque le contenu -

Merci beaucoup

Answer 1

Sans fournir d'extraits de code, il est difficile de dire comment l'utiliser, mais il semble que la navigation MaterialUI soit conçue pour apparaître en haut du contenu de la page.

Vous devez ajouter un div vide au-dessus de la navigation dans votre mise en page qui est la même que la hauteur de la navigation afin de la baisser d'autant.