Reka letak dalam Next.js mengaburkan kandungan halaman

Question

Saya cuba menggunakan navigasi bawah dalam Material-ui (https://mui.com/material-ui/react-bottom-navigation/) sebagai reka letak dalam apl Next.js saya.

Walau bagaimanapun, navigasi mengaburkan bahagian bawah halaman. Saya cuba menukar margin dan padding tetapi tidak berjaya.

Navigasi bawah yang saya gunakan betul-betul sama dengan Material-ui.

Nampak begini tanpa susun atur.

Dengan reka letak, ia menutup kandungan -

Terima kasih banyak-banyak

Answer 1

Tanpa memberikan sebarang coretan kod, sukar untuk mengetahui cara menggunakannya, tetapi nampaknya navigasi MaterialUI direka bentuk untuk muncul di bahagian atas kandungan halaman.

Anda perlu menambah div kosong di atas navigasi dalam reka letak anda yang sama dengan ketinggian navigasi untuk menolaknya ke bawah jumlah itu.