feat: implemting a widget which is reactive to a stream using rx_widgets

Author: 4F2E4A2E

lib/building_block_getx.dart

@@ -4,7 +4,7 @@ import 'package:get/get.dart';
 import 'binding/detail_binding.dart';
 import 'binding/home_binding.dart';
 import 'binding/initial_binding.dart';
-import 'view/detail.dart';
+import 'view/detail_v1.dart';
 import 'view/home.dart';
 
 void main() {
@@ -25,7 +25,7 @@ class MyApp extends StatelessWidget {
       ),
       getPages: [
         GetPage(name: "/home", page: () => HomeScreen(), binding: HomeBinding()),
-        GetPage(name: "/detail", page: () => DetailScreenV2(), binding: DetailBinding()),
+        GetPage(name: "/detail", page: () => DetailScreenV1(), binding: DetailBinding()),
       ],
       initialRoute: "/home",
     );

lib/main.dart

@@ -4,7 +4,7 @@ import 'package:get/get.dart';
 import 'binding/detail_binding.dart';
 import 'binding/home_binding.dart';
 import 'binding/initial_binding.dart';
-import 'view/detail.dart';
+import 'view/detail_v2.dart';
 import 'view/home.dart';
 
 void main() {

lib/view/detail.dart renamed to lib/view/detail_v1.dart

@@ -3,7 +3,7 @@ import 'package:get/get.dart';
 import 'package:getx_websocket_example/services/data.service_v2.dart';
 import 'package:getx_websocket_example/services/logging.service.dart';
 
-class DetailScreenV2 extends GetWidget<DataServiceV2> {
+class DetailScreenV1 extends GetWidget<DataServiceV2> {
   final logger = LoggingService().logger;
 
   @override

lib/view/detail_v2.dart

@@ -0,0 +1,42 @@
+import 'package:flutter/material.dart';
+import 'package:get/get.dart';
+import 'package:getx_websocket_example/model/user-data-profile.entity.dart';
+import 'package:getx_websocket_example/services/data.service_v2.dart';
+import 'package:getx_websocket_example/services/logging.service.dart';
+import 'package:rx_widgets/rx_widgets.dart';
+
+class DetailScreenV2 extends GetWidget<DataServiceV2> {
+  final logger = LoggingService().logger;
+
+  @override
+  Widget build(BuildContext context) {
+    logger.v('DetailScreen 1.1');
+    controller.fetchUserDataProfile();
+    return Scaffold(
+        appBar: AppBar(
+          title: ReactiveBuilder<UserDataProfile>(
+            stream: controller.userDataProfile.stream,
+            builder: (BuildContext context, data) {
+              return Text(data.name);
+            },
+          ),
+          leading: IconButton(
+            icon: Icon(Icons.arrow_back),
+            onPressed: () {
+              Get.back();
+            },
+          ),
+        ),
+        body: ReactiveBuilder<UserDataProfile>(
+          stream: controller.userDataProfile.stream,
+          builder: (BuildContext context, data) {
+            return Center(
+              child: Text(
+                data.email,
+                style: TextStyle(fontSize: 24),
+              ),
+            );
+          },
+        ));
+  }
+}

lib/view/home.dart

@@ -3,7 +3,7 @@ import 'package:flutter/material.dart';
 import 'package:get/get.dart';
 import 'package:getx_websocket_example/controller/home_controller.dart';
 
-import 'detail.dart';
+import 'detail_v2.dart';
 
 class HomeScreen extends StatelessWidget {
   @override

pubspec.lock

@@ -109,6 +109,34 @@ packages:
       url: "https://pub.dartlang.org"
     source: hosted
     version: "1.8.0"
+  quiver_hashcode:
+    dependency: transitive
+    description:
+      name: quiver_hashcode
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "2.0.0"
+  rx_command:
+    dependency: transitive
+    description:
+      name: rx_command
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "5.3.0"
+  rx_widgets:
+    dependency: "direct main"
+    description:
+      name: rx_widgets
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "3.1.0"
+  rxdart:
+    dependency: transitive
+    description:
+      name: rxdart
+      url: "https://pub.dartlang.org"
+    source: hosted
+    version: "0.25.0"
   sky_engine:
     dependency: transitive
     description: flutter

pubspec.yaml

@@ -26,6 +26,7 @@ dependencies:
   get: 4.1.2
   web_socket_channel: 1.2.0
   logger: ^1.0.0
+  rx_widgets: ^3.1.0
 
 
   # The following adds the Cupertino Icons font to your application.