FLUTTER ECOSYSTEM

hasancse91/flutter_getx_template

一个用于启动 Flutter GetX 项目的基础样板模板。已实现 GetX、Dio、MVVM、get CLI、本地化、分页等功能。

flutter_getx_template 项目封面
Stars
442
Forks
155
最近推送(UTC)
2024年1月11日
项目状态
未归档
Abdullah Al Hasan GitHub avatar
GITHUB User

Abdullah Al Hasan ↗

I'm an Android and Flutter App developer. Love to develop app in MVVM architecture. Write about software engineering on my personal blog. Open for remote job.

Muslims DayDhaka, Bangladesh
语言DartHTMLRubySwiftKotlinObjective-C

使用的依赖

依赖清单 19 项

所在榜单

原始 README

以下为英文项目原文快照,最新内容请访问 GitHub。

展开 / 收起项目 README

Flutter GetX Template (GetX, Dio, MVVM)

This Flutter Template using GetX package for State management, routing and Dependency Injection (bindings). We are using MVVM (Model View ViewModel) architectural pattern here. For network call we are using Dio package. We followed the recommended folder structure of GetX and used Get CLI command line tool for creating the folder structure.

Architecture of this project: MVVM

MVVM (Model View ViewModel) is one of the most popular architectural pattern for Android App development. Basically this pattern separates User interface from business-logic and data-logic. So that it's divided into three layers: Model layer, View layer and View model layer. Let's explore it more deeply.

mvvm

ViewModel: At first let's talk about ViewModel. Actually view model is a controller where we implement our business logics. It receives the data from the model and process the data according to business logic and pushed into the live data observers which is observing by view.

View: View is the collections of widgets like Text, Image, Dropdown etc. Which will be displayed to the users. Even it controls the user input. When it needs any data it command the view model (In this project it's controller) for data and observe the response. Till then it may display a loader to the user.

Model: Model is basically backend logic. It controls the data source.

To configure and run this project check here

You will find at above link step by step instructions with screenshots.

run this project by command line

Dev: flutter run --flavor dev lib/main_dev.dart

Prod: flutter run --flavor prod lib/main_prod.dart

How to update app information and continue development for your own project?

  1. Rename root folder name
  2. Update project name and description from pubspec.yaml.
  3. Update app launcher name and icon. Reference
  4. Update your app's package name by running this command:

flutter pub run change_app_package_name:main your_package_name

How was this project developed?

  • Run get cli command to create project in the required directory: get create project
  • Create main_view by running this command: get create page:main and so on...