OpenFlutter/Flutter-Notebook

This system is a comprehensive collection of Flutter example applications designed to demonstrate specific UI components, animation techniques, and state management patterns. It provides concrete implementations for features such as custom routing, gesture handling, and platform-specific integrations, serving as a practical reference for building Flutter applications.

32 changes.

This period focused on populating the repository with a wide variety of Flutter example applications, covering UI components, animations, and state management patterns. Each demo was accompanied by the necessary Android native scaffolding to ensure the examples could be built and run on Android devices. The collection grew to include interactive gestures, navigation flows, and visual effects, establishing the project as a comprehensive resource for Flutter development techniques.

8 changes.

This period focused on expanding the collection of Flutter example applications, introducing demos for state management (provider, provide, event bus), UI components (ReorderableListView, ripple animations), and navigation patterns. The work also included a significant behavioral change to the image package.

The application now includes 31 distinct widget examples, each demonstrating a specific Flutter component. The main entry point has been updated to display the Week 31 Draggable widget by default, while the widget library exports all 31 examples ranging from SafeArea and Expanded to SliverAppBar and CustomPaint.

_mecury\_project/example/flutter\_widget\_of\_the\week · high confidence

Added the Android native configuration files (AndroidManifest.xml, MainActivity.java, styles.xml, and launch background) to support the Flutter application on Android. Additionally, introduced the Flutter-side demo implementation (intro\_view\_demo.dart, home\_page.dart, and main.dart) which utilizes the intro\_views\_flutter package to display a three-page onboarding carousel with skip and done navigation, allowing users to experience the intro view functionality directly.

_mecury\_project/example/intro\_views, mecury\_project/example/intro\views/android · high confidence

Added an Android application structure (AndroidManifest.xml, MainActivity, styles, and launch background) to support the Flutter example. Included an AnimatedContainer demo that animates a container's width and height from 100 to 0 over one second using a decelerate curve, triggered by a tap gesture.

_mecury\_project/example/animated\_container, mecury\_project/example/animated\container/android · high confidence

Users can now run an example app that demonstrates the AnimatedCrossFade widget, which animates the transition between two child widgets (Flutter logos) on tap. The change includes the Dart demo code and the necessary Android platform files (AndroidManifest.xml, MainActivity.java, styles.xml, and launch\_background.xml) to support the Flutter application on Android.

_mecury\_project/example/animated\_cross\_fade, mecury\_project/example/animated\_cross\fade/android · high confidence

The bloc\_demo example now includes three distinct approaches to state management in Flutter. It provides a 'scoped' pattern using a custom BlocProvider widget to inject the BLoC into the widget tree, a 'single\_global\_instance' pattern using a global singleton BLoC, and an 'rxdart' implementation that leverages RxDart's BehaviorSubject for stream-based state management. Each approach is demonstrated with a top page and an under page to show how state is shared and updated across navigation.

_mecury\_project/example/bloc\demo · medium confidence

A new example demonstrating the BLoC (Business Logic Component) pattern in Flutter has been added to the project. This includes a generic BlocProvider widget that manages the lifecycle of BLoC instances, an IncrementBloc implementation that exposes state via a Stream, and a CounterPage that consumes the stream to update the UI. The example showcases how to structure Flutter applications using the provider pattern for state management.

_mecury\_project/example/bloc\_provider\pattern · high confidence

A new demo application for a Material Design search bar has been added to the project. The demo includes a main entry point and a search interface that displays a list of city names and recent suggestions. Users can type into the search bar to filter results, with the matched portion of the text highlighted in bold black and the remainder in grey. Selecting a suggestion displays the result in a red card on the screen.

_mecury\_project/example/beaytiful\_search\_bar\demo · high confidence

Added new demo files for Cupertino widgets including action sheets, navigation bars, pickers, segmented controls, and timers, with the main entry point updated to launch the Cupertino app.

_mecury\_project/example/release\preview2 · high confidence

A new Flutter demo application is introduced in the \mercury\_project/example/event\_bus\_demo\ directory, showcasing an event-driven architecture using the \event\_bus\ and \rxdart\ libraries. The demo includes a \CountEvent\ class, a custom \EventBus\ implementation, and two screens (\FirstScreen\ and \SecondScreen\) that communicate via this bus, allowing users to see how state changes propagate across different parts of the app.

_mecury\_project/example/event\_bus\demo · medium confidence

Added new example files in the hero\_demo module: basic\_structure\_hero.dart, photo\_hero.dart, and main.dart. These files demonstrate how to implement Hero animations in Flutter, including a basic structural example and a photo-based example using Image.network with a transparent Material widget to create a 'pop-out' effect during the transition.

_mecury\_project/example/hero\demo · medium confidence

A new Flutter example application was added at mecury\_project/example/keep\_alive\_demo. The app features a tabbed interface using TabBar and TabBarView, where each tab hosts a stateful page (MyHomePage) that uses AutomaticKeepAliveClientMixin to preserve its state across tab switches. The demo includes a counter widget and a floating action button to demonstrate state retention in a tabbed layout.

_mecury\_project/example/keep\_alive\demo · high confidence

A new Flutter example application demonstrating the use of the Redux state management pattern. The demo includes a counter state, a reducer, and UI components (TopScreen and UnderScreen) that connect to the Redux store to display and update the count.

_mecury\_project/example/redux\demo · medium confidence

The example app now includes a Spinkit animation demo, showcasing a variety of loading indicators from the flutter\_spinkit package. The Android configuration and Flutter entry points have been added to support this new feature.

_mecury\_project/example/spinkit\_animation, mecury\_project/example/spinkit\animation/android · high confidence

A new Flutter demo application has been added to the project, providing a showcase for various animation challenges. The main entry point is now configured to display a 'Scroll Back To Top' demo by default, while other demos (Hero, Hide Bottom Bar, Audio, IM Chat, and Rotating Button) are available by uncommenting the respective lines in the code.

_mecury\_project/example/animation\challenge/lib · high confidence

Added a new Flutter example project named 'clipper\_demo' that demonstrates clipping widgets using quadratic Bezier curves. The implementation includes a custom clipper class that uses quadratic Bezier curves to create a wavy bottom edge on a container, providing a visual example of advanced shape clipping in Flutter.

(repo-wide) · high confidence

A new Flutter example project is introduced that demonstrates how to implement pinch-to-zoom functionality for images. The demo utilizes the \pinch\_zoom\_image\ and \cached\_network\_image\ packages to display images that can be zoomed via touch gestures, with a gray background shown during the zoomed state.

_mecury\_project/example/pinch\_zoom\_image\_demo, mecury\_project/example/pinch\_zoom\_image\demo/android · high confidence

A new demo application was added that demonstrates how to manage focus between multiple text fields. The example shows how to use FocusNode and FocusScope to programmatically move focus from one field to the next upon submission, providing a reference implementation for keyboard-driven navigation in Flutter forms.

_mecury\_project/example/textfields\_focus\_demo, mecury\_project/example/textfields\_focus\demo/android · high confidence

The Android native layer for the splash screen demo has been added, including the AndroidManifest.xml, MainActivity.java, and resource files (styles.xml, launch\_background.xml) that define the app's package, permissions, and launch theme. This enables the Flutter application to run on Android with a proper splash screen experience.

_mecury\_project/example/frosted\_glass\_style\_demo, mecury\_project/example/frosted\_glass\_style\_demo/android, mecury\_project/example/splash\_screen\_demo, mecury\_project/example/splash\_screen\demo/android · high confidence

Added a new example application demonstrating Flutter's Draggable and DragTarget widgets. The demo includes an Android activity entry point and Dart files that render two draggable colored squares on a stack. Users can drag the squares to a central target area, which updates its background color to match the dropped widget's color, illustrating the drag-and-drop interaction pattern.

_mecury\_project/example/draggable\_demo, mecury\_project/example/draggable\demo/android · high confidence

Introduced a new 'chip\_demo' example application that demonstrates various Flutter Material chip widgets (Chip, ActionChip, ChoiceChip, FilterChip, and InputChip) in the Dart layer, alongside the necessary Android native configuration files (AndroidManifest.xml, MainActivity.java, styles.xml, and launch background) to support the Flutter engine and activity lifecycle.

_mecury\_project/example/chip\_demo, mecury\_project/example/chip\demo/android · high confidence

The change introduces a new Flutter example application that implements state management using the \provide\ library. The app includes a \ProviderNode\ setup in \main.dart\ that registers \Counter\ and \Switcher\ models, which are then consumed via \Provide\ widgets in \first\_screen.dart\ and \second\_screen.dart\. This adds a concrete example of how to manage and share state across widgets using the \provide\ package.

_mecury\_project/example/flutter\_provide, mecury\_project/example/flutter\provide/android · high confidence

Added a new example application demonstrating how to implement custom page transition animations in Flutter. The example includes an Android entry point and Dart files that define a custom route using a fade-out transition, along with sample pages that navigate between each other using the custom route.

_mecury\_project/example/custom\_router\_transition, mecury\_project/example/custom\_router\transition/android · medium confidence

The project now includes standard IDE configuration files (\.idea/\), a \.gitignore\ file, and the necessary Android native scaffolding (including \AndroidManifest.xml\, \MainActivity.java\, and Gradle wrapper files). These additions provide the foundational structure required to build and run the Flutter application on Android and in IDEs like IntelliJ or Android Studio.

_mecury\project · high confidence

The example project now includes a complete demonstration of nested navigation in Flutter. This includes a main application entry point that routes to a home page and a sign-up flow. The sign-up flow utilizes a custom nested Navigator to manage a multi-step process (collecting personal info and credentials) while maintaining the ability to pop the entire nested stack back to the home page. An Android activity was also added to support the Flutter engine on that platform.

_mecury\_project/example/navigator\_example, mecury\_project/example/navigator\example/android · high confidence

A new Flutter example project was added to demonstrate the ReorderableListView widget. The demo features a list of basketball players that can be reordered by dragging, with the main entry point and the reusable demo component both newly introduced.

_mecury\_project/example/reorderble\_listview\demo · high confidence

The \animation\_demo\ example now includes several new demo files showcasing various Flutter animation techniques, including basic, delayed, parent/child, transforming, and value-change animations, as well as a login screen template.

_mecury\_project/example/animation\demo · high confidence

The example app now includes a bottom navigation bar implementation. A basic version is provided in \bottom\_navigation\_widget.dart\, while \navigation\_keep\_alive.dart\ demonstrates a state-preserving approach using \PageView\ and \AutomaticKeepAliveClientMixin\ to maintain each page's state when switching tabs. The corresponding screen widgets in \pages\_keep\_alive/\ each include a counter to illustrate that the state is retained across navigation.

_mecury\_project/example/flutter\bottomnavigationbar · high confidence

Added an Android project configuration and Dart source files to demonstrate the use of expansion UI components. The Android side includes the standard AndroidManifest, MainActivity, and resource files for the launch screen. On the Dart side, the example app now includes \expansion\_tile.dart\ and \expansion\_panel\_list.dart\, which showcase the \ExpansionTile\ and \ExpansionPanelList\ widgets respectively, allowing users to see how these expandable list items function in a Flutter application.

_mecury\_project/example/expansion\_demo, mecury\_project/example/expansion\demo/android · high confidence

A new example application was added that demonstrates selecting and displaying multiple images from the device gallery. The change includes the Flutter/Dart implementation (load\_image\_demo.dart and main.dart) which uses the multi\_image\_picker package to allow users to pick up to 300 images, and the corresponding Android native files (AndroidManifest.xml, MainActivity.java, styles.xml, and launch\_background.xml) required to run the app on Android.

_mecury\_project/example/load\_multi\_image, mecury\_project/example/load\_multi\image/android · high confidence

Added a new example application in the \provider\_example\ directory that demonstrates various state management patterns using the \provider\ package. The example includes models (\ColorModel\, \CounterModel\, \GoodsListProvider\, \OrderProvider\) that extend \ChangeNotifier\ to manage state. The UI components (\screens.dart\, \main.dart\) showcase the use of \Provider.of\, \Consumer\, \Consumer2\, and \Selector\ to access and react to state changes. This serves as a practical reference for implementing provider-based state management in Flutter applications.

_mecury\_project/example/provider\example · high confidence

Added new Flutter demo files that showcase different approaches to implementing pull-to-refresh and infinite scroll (pull-up load) in a list view. The changes include \pull\_to\_refresh.dart\ using a \RefreshIndicator\ for pull-down refresh, \pull\_on\_loading.dart\ using a \ScrollController\ to detect scroll position for pull-up loading, and \pull\_down\_refresh\_pull\_up\_load.dart\ combining both patterns. A \gridview\_demo.dart\ was also added to demonstrate a grid layout with similar loading behavior, and \main.dart\ was updated to include the grid view demo.

_mecury\_project/example/pull\_on\loading · high confidence

Added a new example application that demonstrates the right-to-left swipe-to-back gesture on Android. The change introduces the Android native configuration files (AndroidManifest.xml, MainActivity.java, styles.xml, launch\_background.xml) and the corresponding Flutter Dart code (main.dart, right\_back\_demo.dart) to render a Cupertino-style page with a button that pushes a new route, enabling the native back gesture.

_mecury\_project/example/right\_back\_demo, mecury\_project/example/right\_back\demo/android · high confidence

The example app now includes a ripple animation demo featuring a custom \NavigateButton\ widget that triggers an expanding circle overlay effect upon interaction. The app's navigation has been updated to use a \FadeRouteBuilder\ for page transitions, replacing the default system transition with a fade-in effect. The main entry point initializes the app with \FirstScreen\ as the home, which contains the interactive button components.

_mecury\_project/example/ripple\animation · high confidence

Added an Android example project for the swipe-to-dismiss feature. The Android side includes the standard Flutter activity setup (MainActivity, AndroidManifest, styles, and launch background) to support the demo. On the Flutter side, a new demo widget (SwipeToDissmissDemo) is introduced, which renders a ListView of items that can be swiped to dismiss, removing each item from the list upon dismissal.

_mecury\_project/example/swipe\_to\_dismiss, mecury\_project/example/swipe\_to\dismiss/android · high confidence

The url\_launcher\_demo example application has been added, providing a complete demo for launching URLs, making phone calls, sending SMS messages, and sending emails. The demo includes Android platform configuration files (AndroidManifest.xml, MainActivity.java, styles.xml, and launch\_background.xml) and Dart source files (main.dart, browser\_and\_webview\_demo.dart, email\_demo.dart, tel\_and\_sms\_demo.dart) that demonstrate the capabilities of the url\_launcher plugin.

_mecury\_project/example/url\_launcher\_demo, mecury\_project/example/url\_launcher\demo/android · high confidence

The example project now includes a demo that disables the default splash and highlight colors on the bottom navigation bar, making the ripple effect transparent. This provides a reference implementation for developers who want to remove visual feedback on navigation items.

_mecury\_project/example/without\_splash\_color, mecury\_project/example/without\_splash\color/android · high confidence

A new example application named 'warp\_demo' has been added, demonstrating the Flutter \Wrap\ widget. The example includes the full Android project scaffolding (manifest, activity, styles) and the Dart source files (\main.dart\, \warp\_demo.dart\) that render a layout with a \Wrap\ containing dynamically added photo placeholders.

_mecury\_project/example/warp\_demo, mecury\_project/example/warp\demo/android · high confidence

The repository was initialized with essential project files: a \.gitignore\ to exclude build artifacts and lock files, a \LICENSE\ file adopting the Apache 2.0 license, a \CODE\_OF\_CONDUCT.md\ establishing community guidelines, and comprehensive \README.md\ and \readme\_english.md\ files that outline the project's purpose as a collection of Flutter demos and resources.

(repo-wide) · high confidence

A change to existing behaviour in image — 5 commits, 119 files.

image · medium confidence · unverified

The Android build system for each example application (such as animated\_container, animated\_cross\_fade, and animation\_challenge) has been initialized with standard Gradle configuration files. This includes build.gradle scripts defining compileSdkVersion 27, minSdkVersion 16, and dependencies for testing (JUnit, Espresso). Additionally, pubspec.yaml and pubspec.lock files have been added to each example directory, pinning the Flutter SDK and specifying dependencies like cupertino\_icons and flutter\_test.

(dependencies) · high confidence

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

• CAI 52 → 52 (+0.0)
• Rubric changed (rubric-2026.08.18 → rubric-2026.08.19) — scores are not directly comparable.

• Code Health 100 → 100 (+0.0)
• Architecture 100 → 100 (+0.0)
• Maturity 48 → 48 (+0.0)
• Readiness 24 → 24 (+0.0)
• Security 100 → 100 (+0.0)
• Domain Modelling 100 → 100 (+0.0)

• LLM evaluation failed

• The '简介' section is a one-line description with no inline image and the Getting Started note links to Flutter's docs. (mecury_project/example/without_splash_color/README.md)
• The main README is a single line 'Build the complete Flutter application.' with no Getting Started or setup steps. (mecury_project/README.md)

Written by watchdog.canine.dev from the codebase's own history, inside the signed delivery this page is composed from.

OpenFlutter/Flutter-Notebook was measured the same way every project in this corpus was: the same rubric, at a pinned commit, with the result published in full. Point a surveyor at a repository you know and see whether you agree with it.