Reference

TabBar

TabBar

TabBar control. Build it with the tab_bar helper.

Example

tab_bar(
  expand: true,
  width: 240,
  height: 120,
  on_click: ->(event) {}
)

Properties

  • adaptive — Adapts to the platform (Material/Cupertino) when true.
  • divider_color — Divider color.
  • divider_height — Divider height.
  • enable_feedback — Plays touch feedback (sound/haptic) on interaction.
  • indicator
  • indicator_animation
  • indicator_color — Indicator color.
  • indicator_size
  • indicator_thickness
  • label_color — Label color.
  • label_padding — Label padding.
  • label_text_style — Label text style.
  • mouse_cursor — Cursor shown when hovering the control.
  • overlay_color — Overlay color.
  • padding — Inner spacing between the border and the content.
  • scrollable
  • secondary
  • splash_border_radius — Splash border radius.
  • tab_alignment — Tab alignment.
  • tabs — The tabs to display.
  • unselected_label_color — Unselected label color.
  • unselected_label_text_style — Unselected label text style.

Plus the common layout and animation properties shared by most controls (expand, visible, disabled, opacity, width, height, align, tooltip, animate_*, …).

Events

  • on_animation_end — Fired when an animation completes.
  • on_click — Fired when the control is clicked/tapped.
  • on_hover — Fired when the pointer enters/leaves the control.
  • on_size_change — Fired when the control's size changes.

Reference

  • Family: materials
  • Widget type: tabbar
  • Helper: tab_bar