Bottom Navigation (Нижняя панель навигации)
Нижние панели навигации позволяют перемещаться между основными пунктами назначения в приложении.
Нижняя панель навигации отображает от трех до пяти элементов перехода внизу экрана. Каждый элемент перехода представлен значком и необязательной текстовой меткой. При нажатии на нижний значок навигации пользователь попадает на страницу, связанную с этим значком.
Bottom Navigation (Нижняя панель навигации)
Если существует четыре или пять действий, стоит отображать неактивные элементы только в виде значков.
<BottomNavigation
showLabels
value={value}
onChange={(event, newValue) => {
setValue(newValue);
}}
>
<BottomNavigationAction label="Recents" icon={<RestoreIcon />} />
<BottomNavigationAction label="Favorites" icon={<FavoriteIcon />} />
<BottomNavigationAction label="Nearby" icon={<LocationOnIcon />} />
</BottomNavigation>Нижняя навигация без текста
Если существует четыре или пять действий, стоит отображать неактивные элементы только в виде значков.
Fixed positioning
This demo keeps bottom navigation fixed to the bottom, no matter the amount of content on-screen.