All Projects → zhongmeizhi → Fultter Example App

zhongmeizhi / Fultter Example App

一个功能完整齐全的Bloc模式Flutter App项目。🍨更关注架构的SPA应用。,使用Node作为后台系统,使用了部分官方plugin,大体功能自己封装。🥰 有用请Star。

Programming Languages

5743 projects

Projects that are alternatives of or similar to Fultter Example App

Flutter parallax scroll
Flutter UI challenge- Parallax scroll effect
Stars: ✭ 172 (-30.65%)
Mutual labels:  flutter-apps, mobile-app, mobile, app
Awesome Flutter
An awesome list that curates the best Flutter libraries, tools, tutorials, articles and more.
Stars: ✭ 38,582 (+15457.26%)
Mutual labels:  flutter-apps, mobile-app, mobile-development, mobile
Flutter Mvvm Provider Demo
Stars: ✭ 89 (-64.11%)
Mutual labels:  flutter-apps, mobile-app, mobile-development, mobile
Wire Ios
📱 Wire for iOS (iPhone and iPad)
Stars: ✭ 3,079 (+1141.53%)
Mutual labels:  mobile-app, mobile, app
Manji is a mobile application built to help people learning Japanese learn about Kanji.
Stars: ✭ 142 (-42.74%)
Mutual labels:  mobile-app, mobile-development, flutter-apps
A Flutter Quiz App.
Stars: ✭ 21 (-91.53%)
Mutual labels:  mobile-app, mobile-development, flutter-apps
📱 使用 Vue.js 跨平台开发高质量原生(Android/iOS)应用。
Stars: ✭ 475 (+91.53%)
Mutual labels:  mobile-app, mobile, app
Recipes App React Native
Recipes App in React Native
Stars: ✭ 386 (+55.65%)
Mutual labels:  mobile-app, mobile-development, mobile
Flutter starter kit
A starter kit for beginner learns with Bloc pattern, RxDart, sqflite, Fluro and Dio to architect a flutter project. This starter kit build an App Store app as a example
Stars: ✭ 553 (+122.98%)
Mutual labels:  mobile-app, mobile-development, mobile
Flutter Ui Showcase
Stars: ✭ 68 (-72.58%)
Mutual labels:  flutter-apps, mobile-app, app
data examples
An example app showing different ways to pass to and share data with widgets and pages.
Stars: ✭ 56 (-77.42%)
Mutual labels:  mobile-app, mobile-development, flutter-apps
Turn your Swift data model into a working CRUD app.
Stars: ✭ 118 (-52.42%)
Mutual labels:  mobile-app, mobile-development, mobile
An image resizing library for Android
Stars: ✭ 406 (+63.71%)
Mutual labels:  mobile-app, mobile-development, mobile
Uber's cross-platform mobile architecture framework.
Stars: ✭ 6,641 (+2577.82%)
Mutual labels:  mobile-app, mobile-development, mobile
Purely native C++ cross-platform GUI framework for Android and iOS development.
Stars: ✭ 1,394 (+462.1%)
Mutual labels:  mobile-app, mobile-development, mobile
React Native Dynamic Search Bar
Medium Article:
Stars: ✭ 225 (-9.27%)
Mutual labels:  mobile-app, mobile-development, mobile
A TMDB client built with Flutter using the BLoC pattern. This app is my way of learning Flutter, so take what you see here with a grain of salt
Stars: ✭ 161 (-35.08%)
Mutual labels:  flutter-apps, app
Axion Technologies Hnh
Hotter’n Hell Hundred is the largest one hundred mile cycling events in the United States and the world. Held in Wichita Falls, TX, this event brings thousands of registrants within the city limits, resulting in a spike in revenue throughout local businesses, restaurants, and hotels, and overall for the city of Wichita Falls. There are several sub-events within the Hotter’n Hell Hundred, such as different races, dining events, consumer shows and a medical symposium. The proposed Hotter’n Hell Hundred mobile application serves as the ultimate source of information for the events, enabling users to quickly register for events and explore local places. In addition, the mobile application allows users to navigate through race during the event, tracking their speed, nearby rest stops, alternate routes, and finish line, ensuring the best possible experience during their stay in Wichita Falls.
Stars: ✭ 155 (-37.5%)
Mutual labels:  flutter-apps, mobile-development
Mobile Toolkit
📱 Shell scripts for Android and iOS device management
Stars: ✭ 161 (-35.08%)
Mutual labels:  mobile-development, mobile
Family finance management app.
Stars: ✭ 152 (-38.71%)
Mutual labels:  flutter-apps, mobile-app



zmz-logo zmz-logo zmz-logo zmz-logo


一个功能完整齐全的Bloc模式Flutter App项目。更关注架构的SPA应用。

项目更关注整体架构,以SPA方式完成全局Loading,全局Toast,全局命名路由动画,参数传递等功能。以Bloc方式实现状态管理,一键换肤等功能。实现了屏幕适配,可自定义全局Loading的请求封装,分离开发、测试、生产环境,WebView自然也一定要有咯。项目大部分都使用Flutter原生API来完成。使用少量原生插件。喜欢请Star,尽量别 Fork。


  • 虚拟机似乎不支持强更,需要用真机试


1 2 3 4
5 6 7 8
9 update search reorder


  • [x] ZFit 屏幕适配
  • [x] RouteSetting + 路由数据回传
  • [x] 自定义App桌面 图标 + 名称
  • [x] 无限轮播图
  • [x] EventBus
  • [x] koa2 + node 后台服务器
  • [x] 封装请求
  • [x] Storage 保持登录状态
  • [x] 解决页面切换重绘问题
  • [x] webview
  • [x] 下拉刷新 + 上拉加载
  • [x] keepa-live && 缓存Widget
  • [x] 搜索功能
  • [x] App强制更新
  • [x] 拖动式排序
  • [x] BLoC模式 实现状态管理
  • [x] 一键换肤
  • [x] 重写Flutter部分类
  • [x] 全局Toast + 全局 Dialog
  • [x] 全局 命名路由动画
  • [x] 实现 SPA (单页面应用)
  • [x] 环境分离
  • [x] 元数据(由于flutter不支持反射,End)
  • [ ] Bloc模式完善
  • [ ] node架构完善



  • assets:静态文件
  • back-end:mock数据


  • config:配置文件
  • domain:实体类
  • bloc:逻辑模块
  • page:页面
  • plugin:独立组件/插件
  • routes:路由
  • service:接口封装 + API地址
  • styles: 常用样式类
  • utils:工具类
  • view:可复用Widget


  • service.dart :请求管理
  • manager_page.dart :单页管理

Node 后台:

  1. 安装node.js
  2. cd 到项目back-end目录下
  3. 控制台运行npm i
  4. 控制台运行node server.js
  5. 启动服务端成功
  6. tip:记得先要修改config文件下的 baseUrl
  7. tip:如果要启动node的负载均衡/热重载请使用PM2

附: 如果是本地调试,baseUrl请使用IP + 端口

End 附:
  • BLoC模式
  • 不使用setState就能刷新页面
  • 在多个页面中共享状态。

Flutter API文档

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].