Top Bars

LiqTopBar is the iOS 26 navigation top bar. It renders a 44pt centered title row with optional leading and trailing buttons. Supply largeTitle to add the 34pt display-weight title row beneath.

With Title

// ignore_for_file: file_names // hyphenated name required by snippet manifest conventionimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/liqkit_ui.dart';​/// Snippet builder consumed by `apps/docs_snippets/lib/src/routes.g.dart`.Widget topBarWithTitleBuilder(BuildContext context) {  return SnippetFrame(    child: LiqTopBar(      title: 'Inbox',      leading: LiqTopBarSymbolButton(glyph: '‹', onPressed: () {}),      trailing: LiqTopBarAccentButton(glyph: '+', onPressed: () {}),    ),  );}

Large Title

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarLargeTitleBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarLargeTitleExample());}

Standard

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarStandardBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarStandardExample());}

Modal

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarModalBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarModalExample());}

Search

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarSearchBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarSearchExample());}

Custom Actions

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarCustomActionsBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarCustomActionsExample());}

Transparent

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarTransparentBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarTransparentExample());}

With Bottom

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarWithBottomBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarWithBottomExample());}

Scrolling

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarScrollingBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarScrollingExample());}

Dynamic Island

// ignore_for_file: file_namesimport 'package:docs_snippets/src/snippet_frame.dart';import 'package:flutter/widgets.dart';import 'package:liqkit_ui/examples.dart';​Widget topBarDynamicIslandBuilder(BuildContext context) {  return const SnippetFrame(child: TopBarDynamicIslandExample());}