App Bar

SobreCopiar link da âncora

Barra de topo frosted (blur) que responde ao breakpoint: no mobile/tablet é a barra de página (título + voltar + orbs), no desktop (≥1024px) vira a barra de aplicação (KasyAppBar.application) com busca, criação rápida, notificações e avatar.

• style (construtor padrão, mobile): subpage (voltar + título + toggle de tema), subpageSimple (só voltar + título), subpageActions (voltar + título + trailing customizado), rootTab (título + tema, sem voltar)
• title / titleWidget: texto ou widget customizado no centro (ex: logo na Home)
• onBack, leading, trailing: sobrescrevem os controles padrão
• hideOnScroll: a barra desliza e some ao rolar para baixo, volta ao rolar para cima (sincronizado com o menu inferior)
• KasyAppBar.application(...): chrome de desktop — searchController/onSearchChanged, onCreate/createLabel, onNotifications/showNotificationBadge, avatar/showAvatar, onToggleTheme, flags showSearch/showNotifications/showCreate
• KasyAppBar.fromConfig(config): monta a barra de aplicação a partir de um KasyAppBarConfig publicado pela tela

KasyOverlayScaffold combina a barra com um CustomScrollView rolável por baixo (padrão "underlap"), incluindo o cabeçalho de sub-página no desktop quando o menu lateral já ocupa o topo.

PreviewCopiar link da âncora

Atualizado em 03/11/2026