World Congress 2026 Europe - Virtual Stage Jul 2, 2026 Session details

No touch. No gestures. Can you still build a Great UX?

Vadym Pinchuk

Flutter's default focus traversal ruins Smart TV apps. Stop relying on it. Master custom spatial grouping and FocusManager to build a flawless D-pad experience.

Pause
Mute Enter Fullscreen
#1 about 7 min

Identifying TV navigation challenges in cross-platform frameworks

Porting mobile configurations to television interfaces reveals unpredictable jump behaviors during standard D-pad interactions.

#2 about 4 min

Structuring terminology and focus states for accessibility

Defining layout components clarifies the essential role of clear focus indicators for assistive technologies and diverse device inputs.

#3 about 4 min

Designing layouts for the ten-foot television experience

Adjusting text sizing, contrast ratios, and structural elements prevents visual exhaustion for distant viewing.

#4 about 5 min

Managing node states with core focus widgets

Attaching change notifiers to visible items provides callbacks for triggering responsive interface expansions and brightness adjustments.

#5 about 5 min

Orchestrating viewport elements with the focus manager singleton

The singleton instance automatically scans screen regions to compile logical navigation trees and dictate primary selections.

#6 about 5 min

Segmenting layout traversal using bounding focus scopes

Dividing discrete interface zones isolates keyboard events and prevents selection cursors from escaping bounded interactive regions.

#7 about 4 min

Resolving uneven grids with custom traversal groups

Replacing default reading-order sorting structures ensures directional commands reliably locate visually adjacent coordinate positions.

#8 about 5 min

Implementing predictive multi-directional grid traversal policies

Filtering background nodes optimizes coordinate sorting arrays to accurately pinpoint immediately visible items during directional shifts.

#9 about 4 min

Scaling spatial focus management across disparate environments

Establishing clear scope divisions and explicit visual feedback guarantees functional input handling across varying monitor proximities.

Matching moments

8:42 min

Designing graphical leanback UI library features for Android TV

Fedor Tсymbal · LIVE

5:12 min

Designing linear reading order and keyboard focus indicators

Dirk Ginader · LIVE

2:15 min

Overcoming challenges in building accessible interfaces

Aurora Scharff Aurora Scharff · WWC 2025

3:51 min

Audience questions on accessibility and framework tradeoffs

Rowdy Rabouw Rowdy Rabouw · WWC 2022

5:05 min

Introduction to Flutter and cross-platform UI development

Sylvia Dieckmann · LIVE

1:11 min

Best practices for building scalable Flutter applications

Simon Auer Simon Auer · WWC 2022

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Full Stack with Flutter - are we there yet?

Nemanja Stošić

Senior Flutter Developer

Nemanja Stošić
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

Offloading IoT State: Solving the Memory Crisis on Legacy Hardware

Pravin Nagare

Senior Software Engineer, Roku

Pravin Nagare
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

Engineering the Pivot: How Creative Strategy Solves the Hard Problems of AI Accuracy and Scale

Shruti Tiwari

AI/ML product manager, Dell

Shruti Tiwari