Webjourney - Flutter Mastery Quiz: Widgets, State & Dart — How Deep Does Your Knowledge Go? Quiz Test

Q1

What is Flutter and what makes it unique compared to other cross-platform frameworks?

A A. A JavaScript framework that compiles to native Android and iOS code B B. Google's UI toolkit that uses Dart and renders everything with its own Skia/Impeller graphics engine — bypassing native UI components entirely for pixel-perfect consistency across platforms C C. A framework that wraps React Native components for better performance D D. A CSS-based layout engine for building mobile applications

Q2

What is Dart and why did Flutter choose it over JavaScript or Kotlin?

A A. A scripting language only used internally at Google with no public tooling B B. Google's compiled, strongly-typed language that supports both AOT (ahead-of-time) compilation for production performance and JIT (just-in-time) compilation for hot reload during development C C. A superset of JavaScript similar to TypeScript that Flutter uses for web builds only D D. A language identical to Kotlin that was rebranded for Flutter development

Q3

What is the fundamental building block of every Flutter UI?

A A. Activities (like Android) and ViewControllers (like iOS) B B. Widgets — everything in Flutter is a widget, from the entire app structure down to padding, text, colors, and layout C C. HTML elements rendered inside a WebView D D. XML layout files similar to Android's layout system

Q4

What is the difference between a StatelessWidget and a StatefulWidget in Flutter?

A A. StatelessWidget is for mobile only; StatefulWidget is for web and desktop B B. StatelessWidget describes UI that never changes after build — it has no mutable state; StatefulWidget has a companion State object that persists across rebuilds and can trigger re-renders via setState() C C. StatefulWidget is deprecated in Flutter 3 — only StatelessWidget should be used now D D. StatelessWidget cannot accept props (constructor parameters); StatefulWidget can

Q5

What does setState() do in Flutter and when should you avoid it?

A A. Sets a global application state that all widgets can access immediately B B. Marks the State object as dirty and schedules a rebuild of the widget subtree — only the widget calling setState() and its descendants are rebuilt C C. Directly updates the DOM-like element tree without rebuilding widgets D D. Saves the current application state to persistent storage

Q6

What is Flutter's Widget tree, Element tree, and RenderObject tree?

A A. Three different ways to write the same Flutter code — you pick one style B B. Three parallel trees: Widgets are immutable descriptions, Elements are mutable instances that link widgets to render objects, and RenderObjects handle actual layout, painting, and hit-testing C C. The Widget tree is for mobile, Element tree for web, RenderObject tree for desktop D D. A legacy three-file architecture replaced by the single widget model in Flutter 2

Q7

What is the BuildContext in Flutter and why is it important?

A A. A configuration object for setting up the Flutter build environment B B. A handle to the location of a widget in the widget tree — used to access inherited widgets (Theme, MediaQuery, Navigator) and to find ancestors in the tree C C. An object that stores the build output path for release builds D D. A context manager for handling asynchronous build operations

Q8

What are the main layout widgets in Flutter and what does each do?

A A. Flutter uses CSS Flexbox for layout — there are no specific layout widgets B B. Column (vertical), Row (horizontal), Stack (overlapping/absolute), Container (single child with decoration/padding/margin), Expanded/Flexible (fill available space) C C. GridView and ListView are the only layout widgets in Flutter D D. SizedBox is the primary layout widget — all others are decorative

Q9

What is the difference between MainAxisAlignment and CrossAxisAlignment in Row and Column?

A A. MainAxisAlignment controls spacing; CrossAxisAlignment controls color B B. MainAxisAlignment aligns children along the main axis (horizontal for Row, vertical for Column); CrossAxisAlignment aligns along the perpendicular axis C C. They are interchangeable — Flutter automatically selects the correct one based on context D D. CrossAxisAlignment only works with Stack widgets, not Row or Column

Q10

What is Flutter's Hot Reload and Hot Restart, and what is the difference?

A A. Hot Reload restarts the app fully; Hot Restart only reloads assets B B. Hot Reload injects updated code into the running app in under a second while preserving app state; Hot Restart fully restarts the Dart VM, resetting all state but applying all code changes C C. They are the same feature with two different keyboard shortcuts D D. Hot Reload only works on iOS; Hot Restart only works on Android

Q11

What is the InheritedWidget in Flutter and what is it used for?

A A. A widget that inherits its parent's visual styling automatically B B. A base class for widgets that efficiently propagate data down the widget tree — descendants can access it via context without prop-drilling. It is the foundation of Theme, MediaQuery, and Provider C C. A widget that inherits and extends another widget's build method D D. A deprecated pattern replaced entirely by Riverpod in Flutter 3

Q12

What is the Provider package in Flutter and why is it commonly used for state management?

A A. A package that provides HTTP networking capabilities to Flutter apps B B. A wrapper around InheritedWidget that simplifies sharing and consuming state across the widget tree — uses ChangeNotifier to notify listeners when state changes C C. Flutter's built-in state management solution included in the SDK D D. A package for accessing device hardware providers like camera and GPS

Q13

What is Riverpod and how does it improve upon Provider?

A A. A Riverpod is a low-level graphics library for drawing custom Flutter widgets B B. A complete rewrite of Provider by the same author — compile-safe, testable without BuildContext, supports async providers natively, and providers are global singletons that are lazy by default C C. A Provider alternative that only works with Flutter Web applications D D. A Redux-inspired state management library for Flutter enterprise apps

Q14

What is the BLoC (Business Logic Component) pattern in Flutter?

A A. A file structure pattern for organizing Flutter project files into blocks B B. A state management pattern that separates business logic from UI using Streams — Events go in, States come out, keeping UI purely reactive and business logic fully testable C C. A widget composition pattern for building reusable UI block components D D. A background process runner for executing heavy computations off the main thread

Q15

What is the FutureBuilder widget and when do you use it?

A A. A widget for scheduling future widget builds for performance optimization B B. A widget that builds itself based on the latest snapshot of a Future — automatically handles loading, error, and data states reactively in the UI C C. A builder pattern for constructing complex widget trees lazily D D. A widget that builds the next screen in a navigation stack

Q16

What is the StreamBuilder widget and how does it differ from FutureBuilder?

A A. StreamBuilder is for web sockets only; FutureBuilder handles all async operations B B. StreamBuilder listens to a Stream and rebuilds whenever a new event is emitted — for continuous/multiple values over time; FutureBuilder handles a single async operation that completes once C C. They are identical — StreamBuilder is just the newer name for FutureBuilder D D. StreamBuilder only works with Firebase Firestore streams in Flutter

Q17

How does navigation work in Flutter using the Navigator and what is the difference between Navigator 1.0 and 2.0?

A A. Flutter uses URLs for navigation like web browsers — there is no Navigator widget B B. Navigator 1.0 uses an imperative stack API (push/pop); Navigator 2.0 is declarative — routes are derived from app state, enabling proper deep linking and browser back button support C C. Navigator 1.0 is for Android; Navigator 2.0 is for iOS navigation patterns D D. They are identical — 2.0 just added animation support to 1.0

Q18

What is GoRouter in Flutter and why is it popular?

A A. A package for integrating Google Maps routing into Flutter apps B B. A declarative routing package (officially recommended by Flutter team) built on Navigator 2.0 that supports deep linking, URL-based routing, nested navigation, and redirects with a simple API C C. A code generator for automatically creating Navigator 1.0 routes from comments D D. A Flutter plugin for accessing the device's built-in GPS and routing features

Q19

What are Flutter's animation options and what is the difference between implicit and explicit animations?

A A. Flutter only supports CSS-like keyframe animations via the AnimationController B B. Implicit animations (AnimatedContainer, AnimatedOpacity) automatically animate property changes; explicit animations use AnimationController for full control over duration, curves, and sequencing C C. Implicit animations are for iOS only; explicit animations are for Android only D D. Explicit animations are deprecated — all Flutter apps should use implicit animations

Q20

What is the Key in Flutter and when do you need to use it?

A A. A security key for encrypting data stored in Flutter apps B B. An identifier that helps Flutter's reconciliation algorithm preserve State objects when widgets are reordered, moved, or swapped at the same level in the tree C C. A required parameter for every widget that identifies it in the widget registry D D. A reference to a widget used for calling methods on it from outside

Q21

What is the GlobalKey in Flutter and when is it appropriate to use it?

A A. A key stored in global storage for sharing data between widgets B B. A unique key that allows access to a widget's State, BuildContext, or RenderObject from anywhere in the app — used for form validation, scaffold drawers, and imperative widget control C C. A key required for all top-level widgets in the Flutter app D D. An encryption key managed globally by the Flutter security framework

Q22

What is Flutter's Scaffold widget and what does it provide?

A A. A code scaffolding tool that generates boilerplate Flutter widget code B B. A Material Design layout structure widget that provides standard app chrome: AppBar, Drawer, BottomNavigationBar, FloatingActionButton, SnackBar support, and a body area C C. A base class that all custom Flutter widgets must extend D D. A widget that provides access to the device's native scaffold system

Q23

What is the difference between ListView, ListView.builder, and ListView.separated?

A A. They are identical — just three different constructors with the same performance B B. ListView renders all children at once (good for small lists); ListView.builder renders items lazily on demand (good for large/infinite lists); ListView.separated adds a separator widget between items C C. ListView.builder is deprecated — use ListView with lazy loading instead D D. ListView is for vertical lists; ListView.builder is for horizontal; ListView.separated is for grids

Q24

What is async/await in Dart and how does it relate to Flutter UI?

A A. A way to run code on a background thread to avoid blocking the UI B B. Dart's syntax for writing asynchronous code that looks synchronous — operations run on the event loop without blocking the UI thread, since Dart is single-threaded C C. A Flutter-specific extension of JavaScript Promises for mobile development D D. A compiler optimization that makes synchronous code run asynchronously

Q25

What are Dart Isolates in Flutter and when do you need them?

A A. Isolated widget trees that cannot share state with the main widget tree B B. Dart's concurrency model — each isolate has its own memory heap and runs in parallel. Use them for CPU-intensive tasks (JSON parsing, image processing, encryption) that would block the UI thread C C. A security feature that isolates sensitive code from the rest of the app D D. Platform channels that isolate native code from Dart code

Q26

What are Flutter Platform Channels and what are they used for?

A A. Channels for distributing Flutter apps to different app store platforms B B. A communication bridge between Flutter/Dart code and native platform code (Android/Kotlin/Java or iOS/Swift/Objective-C) for accessing platform-specific APIs not covered by Flutter plugins C C. Flutter's networking layer for making HTTP requests to REST APIs D D. A pub.dev channel system for distributing private Flutter packages

Q27

What is the pubspec.yaml file in Flutter?

A A. A YAML configuration file for setting up the Flutter build pipeline only B B. Flutter's project manifest file — defines the app name, version, dependencies (packages), assets (images, fonts), and SDK constraints C C. A file that maps Dart pub packages to their JavaScript equivalents D D. A server configuration file for deploying Flutter web applications

Q28

What is Flutter's ThemeData and how do you implement dark mode?

A A. A runtime data object for tracking UI performance metrics and frame times B B. A class that defines the visual design system for the entire app (colors, typography, component styles) — dark mode is implemented by providing a darkTheme to MaterialApp and controlling themeMode C C. A configuration file for setting app icon colors and splash screens D D. A plugin for applying Material You dynamic color themes on Android 12+

Q29

What is the MediaQuery widget in Flutter and what information does it provide?

A A. A widget for playing media (video/audio) with built-in controls B B. An InheritedWidget that provides information about the device's screen — size, pixel density, text scale, orientation, safe area insets (notch/home bar padding), and accessibility settings C C. A Flutter package for making API calls to media streaming services D D. A widget that queries the network for media assets at runtime

Q30

What is Flutter's CustomPainter and when would you use it?

A A. A widget for applying custom color themes to Material widgets B B. A low-level API for drawing custom shapes, paths, gradients, and graphics directly onto a Canvas using Dart code — used when standard widgets cannot achieve the desired visual effect C C. A tool for creating custom Flutter widget component libraries D D. A class for customizing the Flutter app icon and splash screen assets

Q31

What is Flutter's testing approach and what are the three levels of tests?

A A. Flutter only supports end-to-end UI tests using the integration_test package B B. Unit tests (test pure Dart logic), Widget tests (test individual widgets in isolation with a test environment), and Integration tests (test complete app flows on a real device or emulator) C C. Flutter uses JavaScript-based testing tools like Jest and Cypress D D. Flutter testing is done exclusively through Firebase Test Lab with no local testing support

Quiz Complete!

Explore Other Quiz Topics

Quizzes

Categories

Sign Up WebJourney

Flutter Mastery Quiz: Widgets, State & Dart — How Deep Does Your Knowledge Go? (31)

Quiz Complete!

Explore Other Quiz Topics

Quizzes

Categories

Sign In WebJourney

Sign Up WebJourney

Lost Your Password