gitmyhub

flutter_deer

Dart ★ 8.6k updated 14d ago

🦌 Flutter 练习项目(包括集成测试、可访问性测试)。内含完整UI设计图,更贴近真实项目的练习。Flutter practice project (including integration testing and accessibility testing). Contains complete UI design drawings for a more realistic practice project.

A hands-on Flutter learning project featuring real-looking mobile app screens, state management, animations, and accessibility tests, paired with design files so you can compare code against the intended visual result.

DartFlutterproviderdioLottiesetup: moderatecomplexity 3/5

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.

Where it fits