کتابخانه Getx در فلاتر
در دنیای توسعه اپلیکیشنهای موبایل، فریمورک فلاتر به عنوان یکی از محبوبترین گزینهها برای توسعهدهندگان مطرح شده است. یکی از چالشهای اصلی در توسعه اپلیکیشنهای فلاتر، مدیریت وضعیت (State Management) است. کتابخانههای متعددی برای این منظور توسعه داده شدهاند که یکی از محبوبترین و کارآمدترین آنها، کتابخانه GetX است.
این کتابخانه به دلیل سادگی، کارایی بالا و مصرف کم منابع، توانسته است توجه بسیاری از توسعهدهندگان را به خود جلب کند. در این مقاله به بررسی کامل کتابخانه GetX، کاربردهای آن و نحوه پیادهسازی آن در فلاتر میپردازیم.
معرفی کتابخانه GetX
GetX یک فریمورک همهکاره برای فلاتر است که شامل مدیریت وضعیت، مدیریت مسیر (Routing) و مدیریت وابستگیها (Dependency Injection) میشود. این کتابخانه به دلیل ساختار ساده و عملکرد بهینه، به یکی از گزینههای اصلی برای توسعهدهندگان فلاتر تبدیل شده است. برخی از ویژگیهای کلیدی GetX عبارتند از:
- مدیریت وضعیت ساده و کارآمد
- سیستم ناوبری بدون نیاز به
context - مدیریت وابستگیها به صورت خودکار
- عملکرد بهینه و مصرف کم حافظه
کاربردهای GetX
- مدیریت وضعیت (State Management)
- مدیریت مسیرها و ناوبری (Routing)
- مدیریت وابستگیها (Dependency Injection)
- مدیریت تم و زبان (Theme & Localization)
- مدیریت درخواستهای HTTP و سرویسهای API
پیادهسازی و معرفی هر کدام از کاربردهای GetX
۱. مدیریت وضعیت با GetX
برای مدیریت وضعیت در GetX، کافی است یک کنترلر ایجاد کنیم که متغیرهای قابل مشاهده (Observable) را نگهداری کند.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
|
import 'package:flutter/material.dart';import 'package:get/get.dart';class CounterController extends GetxController { var count = 0.obs; void increment() { count++; }}void main() { runApp(MyApp());}class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return GetMaterialApp( home: CounterPage(), ); }}class CounterPage extends StatelessWidget { final CounterController controller = Get.put(CounterController()); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar(title: Text("GetX Counter")), body: Center( child: Obx(() => Text("Count: ${controller.count}", style: TextStyle(fontSize: 24))), ), floatingActionButton: FloatingActionButton( onPressed: controller.increment, child: Icon(Icons.add), ), ); }} |
۲. مدیریت مسیرها و ناوبری
با استفاده از GetX، میتوان بدون نیاز به context بین صفحات جابهجا شد.
|
1
|
در دنیای توسعه اپلیکیشنهای موبایل، فریمورک فلاتر به عنوان یکی از محبوبترین گزینهها برای توسعهدهندگان مطرح شده است. یکی از چالشهای اصلی در توسعه اپلیکیشنهای فلاتر، مدیریت وضعیت (State Management) است. کتابخانههای متعددی برای این منظور توسعه داده شدهاند که یکی از محبوبترین و کارآمدترین آنها، کتابخانه GetX است. این کتابخانه به دلیل سادگی، کارایی بالا و مصرف کم منابع، توانسته است توجه بسیاری از توسعهدهندگان را به خود جلب کند. در این مقاله به بررسی کامل کتابخانه GetX، کاربردهای آن و نحوه پیادهسازی آن در فلاتر میپردازیم. |
۳. مدیریت وابستگیها در GetX
مدیریت وابستگیها در GetX از طریق Get.put و Get.lazyPut انجام میشود.
|
1
2
3
4
5
6
7
8
9
10
11
12
|
class MyController extends GetxController { void printMessage() { print("Hello from GetX"); }}void main() { Get.put(MyController()); final MyController controller = Get.find(); controller.printMessage();} |
۴. مدیریت Theme و زبان در GetX
|
1
2
3
4
5
6
7
|
void main() { runApp(GetMaterialApp( theme: ThemeData.light(), darkTheme: ThemeData.dark(), themeMode: ThemeMode.system, ));} |
برای تغییر زبان برنامه:
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
class MyTranslations extends Translations { @override Map<String, Map<String, String>> get keys => { 'en_US': {'hello': 'Hello'}, 'fa_IR': {'hello': 'سلام'}, };}void main() { runApp(GetMaterialApp( translations: MyTranslations(), locale: Locale('fa', 'IR'), fallbackLocale: Locale('en', 'US'), ));} |
۵. مدیریت درخواستهای HTTP در GetX
یکی از قابلیت های بسیار خوبی که getx دارد امکان پیاده سازی api است که میتوانید در کنار کتابخانه هایی مانند http و dio استفاده کنید.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
import 'package:get/get.dart';import 'package:http/http.dart' as http;import 'dart:convert';class ApiController extends GetxController { var data = {}.obs; Future<void> fetchData() async { final response = await http.get(Uri.parse('https://jsonplaceholder.typicode.com/todos/1')); if (response.statusCode == 200) { data.value = json.decode(response.body); } }} |
نتیجهگیری
کتابخانه GetX یکی از بهترین گزینهها برای مدیریت وضعیت، مدیریت مسیرها و وابستگیها در فلاتر است. با استفاده از GetX، توسعهدهندگان میتوانند اپلیکیشنهای سبکتر و کارآمدتری ایجاد کنند. از ویژگیهای اصلی این کتابخانه میتوان به سادگی، سرعت بالا و مصرف کم منابع اشاره کرد. اگر به دنبال یک راهحل سریع و بهینه برای توسعه اپلیکیشنهای فلاتر هستید، GetX گزینهای عالی خواهد بود.