simplezhli/flutter_deer

★ 8,562DartAudience · developerComplexity · 3/5Setup · moderate

Mindmap

mindmap
  root((flutter_deer))
    UI Patterns
      Pull to refresh
      Swipe deletion
      Custom keyboards
      Charts
    State and Data
      provider state
      dio networking
      Modular routing
    Features
      Dark mode
      Localization
      QR code scan
      Lottie animations
    Testing
      Integration tests
      Accessibility tests

mindmap root((flutter_deer)) UI Patterns Pull to refresh Swipe deletion Custom keyboards Charts State and Data provider state dio networking Modular routing Features Dark mode Localization QR code scan Lottie animations Testing Integration tests Accessibility tests

Click or tap to explore — scroll the page freely

Things people build with this

USE CASE 1

Study Flutter patterns like pull-to-refresh, swipe-to-delete, and QR code scanning by reading working code alongside matching design files.

USE CASE 2

Copy dark mode, localization, and custom keyboard implementations into your own Flutter app.

USE CASE 3

Use the integration and accessibility test examples as a template for testing your own Flutter screens.

USE CASE 4

Download the prebuilt Android APK to preview all UI patterns without setting up a dev environment.

Tech stack

DartFlutterproviderdioLottie

Getting it running

Difficulty · moderate Time to first run · 30min

iOS requires running locally from source, debug builds are noticeably slower than release builds.

In plain English

Flutter Deer is a personal practice project built to help someone learn Flutter, the cross-platform mobile development framework. It is not a finished product you would ship to users. Instead, it is a collection of real-looking screens and features that mirror what you might build in an actual app, paired with design files so you can compare your code against an intended visual result. The project is written in Dart and covers a wide range of common mobile app patterns. It implements state management using the provider package, network requests through dio, and modular routing. On the UI side it includes pull-to-refresh lists, side-swipe deletion, city selection with multi-level menus, custom keyboards and dialogs, QR code scanning, curve and pie charts, and animations including Lottie. Dark mode and localization are also built in. The project includes both integration tests and accessibility tests, which is less common in practice examples and makes it closer to how production apps are structured. The README notes that debug builds may feel slower than expected, and a release build is needed for smooth performance. Android users can download a prebuilt APK from the releases page. iOS requires running the code locally. There is also a web preview deployed on GitHub Pages, though it loads slowly because the assets are large and hosted on GitHub. The README is written primarily in Chinese, and the author also links to a series of blog posts covering Flutter tips, performance, navigation, animations, and state management. The design files live in the repository under a design directory, and code comments include relative paths back to the relevant design screen to help you navigate the many pages.

Copy-paste prompts

Prompt 1

In flutter_deer, show me how provider state management is wired up for the main screen so I can replicate the pattern in my own app.

Prompt 2

Explain how flutter_deer implements swipe-to-delete on a list item, show me the key widget code and how to adapt it.

Prompt 3

How does flutter_deer handle dark mode and localization together? Point me to the key files and explain the approach.

Prompt 4

Walk me through the integration test setup in flutter_deer so I can add similar tests to my own Flutter project.

Open on GitHub → Explain another repo

← simplezhli on gitmyhub — every repo by this author, as a profile.

Verify against the repo before relying on details.