LoginScreen changed to use Selector

Author: Wilker Oliveira

.flutter-plugins-dependencies

@@ -1 +1 @@
-{"_info":"// This is a generated file; do not edit or check into version control.","dependencyGraph":[{"name":"cloud_firestore","dependencies":["firebase_core"]},{"name":"firebase_analytics","dependencies":[]},{"name":"firebase_auth","dependencies":["firebase_core"]},{"name":"firebase_core","dependencies":["firebase_core_web"]},{"name":"firebase_core_web","dependencies":[]},{"name":"flutter_facebook_login","dependencies":[]},{"name":"google_sign_in","dependencies":["google_sign_in_web"]},{"name":"google_sign_in_web","dependencies":[]},{"name":"package_info","dependencies":[]},{"name":"path_provider","dependencies":[]},{"name":"sqflite","dependencies":[]},{"name":"wifi","dependencies":[]}]}
+{"_info":"// This is a generated file; do not edit or check into version control.","dependencyGraph":[{"name":"cloud_firestore","dependencies":["firebase_core"]},{"name":"firebase_analytics","dependencies":[]},{"name":"firebase_auth","dependencies":["firebase_core"]},{"name":"firebase_core","dependencies":[]},{"name":"flutter_facebook_login","dependencies":[]},{"name":"google_sign_in","dependencies":[]},{"name":"package_info","dependencies":[]},{"name":"path_provider","dependencies":[]},{"name":"sqflite","dependencies":[]},{"name":"wifi","dependencies":[]}]}

lib/provider_setup.dart

@@ -1,24 +1,55 @@
-import 'package:bank_cards/provider_setup.dart';
+import 'package:bank_cards/src/models/user.dart';
+import 'package:bank_cards/src/repository/card/card_repository.dart';
+import 'package:bank_cards/src/repository/card/invoice_card_repository.dart';
+import 'package:bank_cards/src/repository/card/service/card/card_service.dart';
+import 'package:bank_cards/src/repository/card/service/invoice/invoice_service.dart';
+import 'package:bank_cards/src/repository/card/service/statement/statement_card_service.dart';
+import 'package:bank_cards/src/repository/card/statement_card_repository.dart';
+import 'package:bank_cards/src/repository/login/login_repository.dart';
 import 'package:bank_cards/src/ui/resources/app_styles.dart';
 import 'package:bank_cards/src/ui/screens/splash_screen.dart';
+import 'package:bank_cards/src/viewmodel/login_viewmodel.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
 import 'package:provider/provider.dart';
 import 'package:bank_cards/generated/i18n.dart';
-import 'package:bank_cards/src/router.dart' ;
+import 'package:bank_cards/src/router.dart';
 
 class App extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
-
     SystemChrome.setPreferredOrientations([
       DeviceOrientation.portraitUp,
       DeviceOrientation.portraitDown,
     ]);
 
     return MultiProvider(
-      providers: providers,
+      providers: [
+        Provider.value(value: CardService()),
+        Provider.value(value: StatementCardService()),
+        Provider.value(value: InvoiceService()),
+        Provider.value(value: LoginRepository()),
+        ProxyProvider<CardService, CardRepository>(
+          update: (context, service, repository) =>
+              CardRepository(service: service),
+        ),
+        ProxyProvider<StatementCardService, StatementCardRepository>(
+          update: (context, service, repository) =>
+              StatementCardRepository(service: service),
+        ),
+        ProxyProvider<InvoiceService, InvoiceCardRepository>(
+          update: (context, service, repository) =>
+              InvoiceCardRepository(service: service),
+        ),
+        StreamProvider<User>(
+          create: (context) =>
+              Provider.of<LoginRepository>(context, listen: false).currentUser,
+        ),
+        ChangeNotifierProvider(
+          create: (context) => LoginViewModel(Provider.of(context, listen: false)),
+        )
+      ],
       child: MaterialApp(
         localizationsDelegates: [
           S.delegate,

lib/src/app.dart

@@ -6,7 +6,6 @@ import 'package:bank_cards/src/ui/resources/app_images.dart';
 import 'package:bank_cards/src/ui/resources/app_styles.dart';
 import 'package:bank_cards/src/ui/resources/app_color.dart';
 import 'package:bank_cards/src/ui/resources/decorations.dart';
-import 'package:bank_cards/src/ui/screens/base/base_widget.dart';
 import 'package:bank_cards/src/ui/utility/screen_utility.dart';
 import 'package:bank_cards/src/ui/validation/common_form_validation.dart';
 import 'package:bank_cards/src/ui/validation/register_form_validation.dart';
@@ -27,6 +26,7 @@ class LoginScreen extends StatefulWidget {
 class _LoginScreenState extends State<LoginScreen>
     with CommonFormValidation, RegisterFormValidation {
   final _formKey = GlobalKey<FormState>();
+  LoginViewModel model;
 
   FocusNode _emailFocus;
   FocusNode _password;
@@ -57,6 +57,7 @@ class _LoginScreenState extends State<LoginScreen>
   @override
   Widget build(BuildContext context) {
     this._size = MediaQuery.of(context).size;
+    this.model = Provider.of<LoginViewModel>(context);
 
     return Scaffold(
       body: Container(
@@ -78,14 +79,11 @@ class _LoginScreenState extends State<LoginScreen>
   }
 
   Widget _body() {
-    return BaseWidget<LoginViewModel>(
-      model: LoginViewModel(Provider.of(context)),
-      onModelReady: (model) async {},
-      builder: (mainContext, model, child) => Container(
+    return Container(
         child: Column(
           mainAxisAlignment: MainAxisAlignment.start,
           children: <Widget>[
-            loginForm(model),
+            loginForm(),
             Row(
               mainAxisAlignment: MainAxisAlignment.spaceEvenly,
               children: <Widget>[
@@ -177,7 +175,6 @@ class _LoginScreenState extends State<LoginScreen>
             ),
           ],
         ),
-      ),
     );
   }
 
@@ -194,7 +191,9 @@ class _LoginScreenState extends State<LoginScreen>
     }
   }
 
-  Widget loginForm(LoginViewModel model) {
+  Widget loginForm() {
+    var model = Provider.of<LoginViewModel>(context);
+
     TextStyle style = AppStyles.formTextStyle(AppColor.darkBlue,
         ScreenUtil.instance.setSp(AppDimen.formTextSize));
 
@@ -296,12 +295,15 @@ class _LoginScreenState extends State<LoginScreen>
             SizedBox(
               height: ScreenUtil.instance.setHeight(AppDimen.extraMargin),
             ),
-            model.state == ViewState.Busy
-                ? SpinKitThreeBounce(
-                    color: Colors.white,
-                    size: ScreenUtil.instance.setWidth(AppDimen.loadingSize),
-                  )
-                : loginButton,
+            Selector<LoginViewModel, ViewState>(
+                builder: (context, value, child) => value == ViewState.Busy
+                    ? SpinKitThreeBounce(
+                  color: Colors.white,
+                  size: ScreenUtil.instance.setWidth(AppDimen.loadingSize),
+                )
+                    : loginButton,
+              selector: (buildContext, model) => model.state,
+            ),
             SizedBox(
               height: ScreenUtil.instance.setHeight(AppDimen.extraMargin),
             ),