This project implements a robust Model-View-Controller (MVC) architectural pattern using GetX for state management in Flutter. Our goal is to create a scalable, maintainable, and efficient mobile application architecture
The Model-View-Controller (MVC) pattern divides the application into three core components:
| Component | Responsibility | Description |
|---|---|---|
| Model | Data & Business Logic | - Represents application data - Manages data transformations - Implements business rules |
| View | User Interface | - Displays data to the user - Captures user interactions - Renders widgets |
| Controller | Intermediary & Logic | - Handles user input - Coordinates between Model and View - Manages application state |
lib/
│
├── config/
│ ├── routes/
│ └── themes/
│
├── core/
│ ├── common/
│ ├── constants/
│ ├── error/
│ ├── services/
│ └── utils/
│
├── features/
│ └── profile/
│ ├── bindings/
│ ├── controllers/
│ ├── models/
│ └── views/
│
└── main.dart
class ProductModel {
final String id;
final String name;
final String description;
final double price;
final String imageUrl;
final int stock;
ProductModel({
required this.id,
required this.name,
required this.description,
required this.price,
required this.imageUrl,
required this.stock,
});
}class ProductController extends GetxController {
final ApiServices _apiServices = ApiServices();
final RxList<ProductModel> _productList = <ProductModel>[].obs;
List<ProductModel> get productList => _productList;
Future<void> getProducts() async {
//...
}
}
class ProductScreen extends StatelessWidget {
const ProductScreen({super.key});
@override
Widget build(BuildContext context) {
final ProductController productController = Get.find();
return Scaffold(
body: Obx(() {
if (productController.productList.isEmpty) {
return const LoadingIndicator();
}
if (productController.productList.isNotEmpty) {
return _buildProductWidget();
}
return const SizedBox.shrink();
}),
);
}
}- Clone the repository
git clone https://github.com/Sumat-Dev/flutter-getx-mvc-guide.git- Install dependencies
flutter pub get- Run the application
flutter runget: ^4.6.6(State Management)
Sumat Dev
- GitHub: @Sumat-Dev
Happy Coding! 💻✨