feat: adding a v2 of the controller without mixin

Author: 4F2E4A2E

lib/binding/initial_binding.dart

@@ -1,6 +1,7 @@
 import 'package:get/get.dart';
 import 'package:getx_websocket_example/controller/home_controller.dart';
-import 'package:getx_websocket_example/controller/user_data_profile.controller.dart';
+import 'package:getx_websocket_example/controller/user_data_profile.controller_v1.dart';
+import 'package:getx_websocket_example/controller/user_data_profile.controller_v2.dart';
 import 'package:getx_websocket_example/services/data.service.dart';
 import 'package:getx_websocket_example/services/logging.service.dart';
 
@@ -11,7 +12,8 @@ class InitialBinding extends Bindings {
   void dependencies() {
     logger.i("InitialBinding");
     Get.put<DataService>(DataService());
-    Get.put<UserDataProfileController>(UserDataProfileController());
+    Get.put<UserDataProfileControllerV1>(UserDataProfileControllerV1());
+    Get.put<UserDataProfileControllerV2>(UserDataProfileControllerV2());
     Get.put<HomeController>(HomeController());
   }
 }

lib/controller/user_data_profile.controller.dart renamed to lib/controller/user_data_profile.controller_v1.dart

@@ -2,7 +2,7 @@ import 'package:get/get.dart';
 import 'package:getx_websocket_example/model/user-data-profile.entity.dart';
 import 'package:getx_websocket_example/services/data.service.dart';
 
-class UserDataProfileController extends GetxController with StateMixin<UserDataProfile> {
+class UserDataProfileControllerV1 extends GetxController with StateMixin<UserDataProfile> {
   final dataService = Get.find<DataService>();
   Worker getxWorker;
 

lib/controller/user_data_profile.controller_v2.dart

@@ -0,0 +1,37 @@
+import 'package:get/get.dart';
+import 'package:getx_websocket_example/model/user-data-profile.entity.dart';
+import 'package:getx_websocket_example/services/data.service.dart';
+
+enum Status { loading, error, success }
+
+class UserDataProfileControllerV2 extends GetxController {
+  final Rx<UserDataProfile> data = UserDataProfile().obs;
+  final status = Status.loading.obs;
+  final dataService = Get.find<DataService>();
+  Worker getxWorker;
+
+  void change(UserDataProfile _profile, {Status newStatus}) {
+    data(_profile);
+    status(newStatus);
+  }
+
+  void fetchData() {
+    getxWorker = ever(dataService.fetchUserDataProfile(), (_profile) {
+      if (_profile.uuid != null) {
+        change(_profile, newStatus: Status.success);
+      } else {
+        change(null, newStatus: Status.loading);
+      }
+    });
+  }
+
+  @override
+  void onClose() {
+    getxWorker?.dispose();
+  }
+
+  @override
+  void onInit() {
+    super.onInit();
+  }
+}

lib/view/detail.dart

@@ -1,25 +1,42 @@
 import 'package:flutter/material.dart';
 import 'package:get/get.dart';
-import 'package:getx_websocket_example/controller/user_data_profile.controller.dart';
+import 'package:getx_websocket_example/controller/user_data_profile.controller_v2.dart';
 import 'package:getx_websocket_example/services/logging.service.dart';
 
-class DetailScreen extends StatelessWidget {
+class DetailScreen extends GetWidget<UserDataProfileControllerV2> {
   final logger = LoggingService().logger;
 
   @override
   Widget build(BuildContext context) {
     logger.v('DetailScreen 1.1');
-    Get.find<UserDataProfileController>().fetchData();
+    controller.fetchData();
     return Scaffold(
-      appBar: AppBar(
-        title: Get.find<UserDataProfileController>().obx((_profile) => Text('' + _profile.uuid), onLoading: Text('Loading ...')),
-        leading: IconButton(
-          icon: Icon(Icons.arrow_back),
-          onPressed: () {
-            Get.back();
-          },
+        appBar: AppBar(
+          title: Obx(() {
+            if (controller.status() == Status.loading) {
+              return Text('Loading ...');
+            } else {
+              return Text(controller.data().name);
+            }
+          }),
+          leading: IconButton(
+            icon: Icon(Icons.arrow_back),
+            onPressed: () {
+              Get.back();
+            },
+          ),
         ),
-      ),
-    );
+        body: Obx(() {
+          const style = TextStyle(fontSize: 24);
+          if (controller.status() == Status.loading) {
+            return Center(child: Text('Loading ...', style: style));
+          } else {
+            return Center(
+                child: Text(
+              controller.data().email,
+              style: style,
+            ));
+          }
+        }));
   }
 }