Flutter Web
What are the Flutter web renderers and when do you use each?
HTML renderer: smaller initial download, uses browser DOM/CSS, limited fidelity. CanvasKit: pixel-perfect r...
30 XP4m
Flutter Web
15 questions
Responsive, PWA, accessibility, web performance
Flutter Web
What are the SEO limitations of Flutter Web and how do you mitigate them?
CanvasKit renders to a <canvas> element — search engines can't index canvas content. Mitigations: use HTML ...
30 XP4m
Flutter Web
How do you build responsive Flutter Web layouts?
Use LayoutBuilder to get available width and switch between mobile/tablet/desktop layouts. MediaQuery.sizeO...
20 XP3m
Flutter Web
How does URL routing work in Flutter Web?
Flutter Web supports URL-based routing. go_router is the recommended package — it syncs the browser URL bar...
30 XP4m
Flutter Web
How do you call JavaScript from Flutter Web (JS interop)?
Use the package:js (legacy) or dart:js_interop (Dart 3 + WASM) to call JavaScript libraries from Dart. Anno...
50 XP4m
Flutter Web
How do you build fully responsive layouts in Flutter Web?
Use LayoutBuilder for widget-level constraints, MediaQuery for screen-level dimensions. Define breakpoints ...
30 XP5m
Flutter Web
How do you improve SEO for Flutter Web applications?
Flutter Web CanvasKit renderer draws on a canvas — crawlers see an empty div. Use HTML renderer for real DO...
40 XP5m
Flutter Web
How do you turn a Flutter Web app into a Progressive Web App (PWA)?
Flutter Web is a PWA by default — it generates manifest.json and a service worker. Customize manifest for i...
30 XP4m
Flutter Web
How does URL routing work in Flutter Web?
go_router maps Flutter routes to URL paths. Path parameters (/questions/:slug) and query parameters (?filte...
30 XP4m
Flutter Web
How do you make Flutter Web apps accessible?
Use the Semantics widget to add ARIA-equivalent labels and roles. Flutter generates semantic trees automati...
30 XP4m
Flutter Web
How do you optimize Flutter Web performance?
Use deferred imports for code splitting, choose the right renderer (--web-renderer auto), tree-shake icons ...
40 XP5m
Flutter Web
How do you handle mouse hover and keyboard shortcuts in Flutter Web?
Use MouseRegion for hover effects and cursor changes. CallbackShortcuts + Focus for keyboard shortcuts (Ctr...
30 XP4m
Flutter Web
How do you sync UI state with the URL in Flutter Web?
Store shareable state (filters, pagination, selected item) in URL query parameters so they survive page ref...
40 XP5m
Flutter Web
How do you deploy Flutter Web to Firebase Hosting and Vercel?
Build with 'flutter build web --release', then deploy build/web to Firebase Hosting or Vercel. Both require...
20 XP4m
Flutter Web
How do you use localStorage and cookies in Flutter Web?
Use shared_preferences plugin (which uses localStorage on web) for non-sensitive data. Never store auth tok...
30 XP4m