TabBar

Нижняя панель навигации. Элементы делят ширину пропорционально weight, центральный слот может быть пустым и сохраняет ширину своего содержимого.

TabBar​

TabBarItem​

TabBarSlot​

Использование​

TabBarItem растягивается с весом 1. TabBarSlot по умолчанию имеет вес 0: его ширина равна содержимому, и слот можно оставить пустым.

hasSelectedItemBackground включает фон у выбранного пункта. Цвет фона и текста зависит от view.

homeIndicator показывает нижний индикатор. У island он рисуется под карточкой.

Позиция на экране и ширина задаются снаружи. Фон панели полупрозрачный и размывает подложку.

Live Editor

Result

Примеры​

Отделение от контента​

separation задаёт тень или верхний разделитель. Разделитель не показывается у island.

Live Editor

Result

Вес элементов​

Свободное место делится между элементами с weight больше 0. Слот с весом 0 занимает ширину содержимого.

Live Editor

Result