fultter example app

Flutter-App

Project Introduction

A complete and complete Bloc mode Flutter App project. More focused on architecture SPA applications.

The project focuses more on the overall architecture, and completes functions such as global Loading , global Toast , global命名路由动画, parameter passing through SPA . Implement state management, one-click skin replacement and other functions in Bloc mode. It realizes screen adaptation, and can customize the request encapsulation of global Loading, separate the sending, testing and production environments. WebView must naturally have it. Most of the projects are done using the Flutter native API. Use a small number of native plugins. If you like, please Star, try not to fork.

APP Strong Update Tips:

• The virtual machine does not seem to support strong updates, and it needs to be tried with a real machine.

Project Preview

Project plan

• ZFit screen adaptation
• RouteSetting + Route data return
• Custom App Desktop Icon + Name
• Unlimited carousel
• EventBus
• koa2 + node backend server
• Encapsulation request
• Storage Stay logged in
• Solve the problem of page switching and redrawing
• webview
• Pull down refresh + pull up load
• keepa-live && Cache Widget
• Search function
• Forced app update
• Drag-style sorting
• BLoC mode implements state management
• One-click skin replacement
• Rewrite some Flutter classes
• Global Toast + Global Dialog
• Global naming routing animation
• Implement SPA (single-page application)
• Environmental separation
• Metadata (because flutter does not support reflection, End)
• Bloc model perfect
• Perfect node architecture

Directory structure

Home directory:

• assets: static files
• back-end: mock data

lib directory:

• config: configuration file
• domain: Entity class
• bloc: logic module
• page: page
• plugin: standalone components/plugins
• routes: routes
• service: interface encapsulation + API address
• styles: Common style classes
• utils: Tools
• View: Reusable Widget

Main management documents

• service.dart : request management
• manager_page.dart : Single page management

Node backend:

1. Install node.js
2. cd to the project back-end directory
3. Console runs npm i
4. Run node server.js on the console
5. Successfully started the server
6. tip: Remember to modify the baseUrl under config file first
7. tip: If you want to start load balancing/hot reloading of node, please use PM2

Attachment: If it is local debugging, please use IP + 端口for baseUrl

End Attached:

• BLoC mode
• You can refresh the page without using setState
• Share status in multiple pages.

Flutter API documentation