first step from known_user_login

lib/widgets/auth/auth_header.dart

@@ -94,6 +94,7 @@ class AuthHeader extends StatelessWidget {
         "Doctor App",
         style: TextStyle(
             fontSize: isSmallScreen ? 26 : constraints.maxWidth * 0.030,
+            fontWeight: FontWeight.w800,
             color: Theme.of(context).primaryColor),
       ),
     );
@@ -104,6 +105,7 @@ class AuthHeader extends StatelessWidget {
     return Text(
       'Dr Sulaiman Al Habib',
       style: TextStyle(
+        fontWeight: FontWeight.w800,
         fontSize: isSmallScreen ? 24 : constraints.maxWidth * 0.029,
         color: Theme.of(context).primaryColor,
       ),

lib/widgets/auth/known_user_login.dart

@@ -20,27 +20,117 @@ class KnownUserLogin extends StatelessWidget {
                   borderRadius: BorderRadius.circular(50)),
               margin: const EdgeInsets.fromLTRB(0, 20.0, 30, 0),
               child: Row(
+                // mainAxisAlignment: MainAxisAlignment.spaceBetween,
                 children: <Widget>[
                   Container(
                       height: 100,
                       width: 100,
                       decoration: new BoxDecoration(
-                        // color: Colors.green, // border color
-                        shape: BoxShape.circle,
-                        border: Border.all( color: Hexcolor('#CCCCCC'))
-                      ),
+                          // color: Colors.green, // border color
+                          shape: BoxShape.circle,
+                          border: Border.all(color: Hexcolor('#CCCCCC'))),
                       child: CircleAvatar(
                         child: Image.asset(
                           'assets/images/dr_avatar.png',
                           fit: BoxFit.cover,
                         ),
-                      ))
+                      )),
+                  Container(
+                    margin: EdgeInsets.symmetric(vertical: 3, horizontal: 15),
+                    child: Column(
+                      //  mainAxisAlignment: MainAxisAlignment.start,
+                      crossAxisAlignment: CrossAxisAlignment.start,
+                      children: <Widget>[
+                        Text(
+                          'Dr. Elham',
+                          style: TextStyle(
+                              color: Hexcolor('515A5D'),
+                              fontSize: isSmallScreen
+                                  ? 24
+                                  : constraints.maxWidth * 0.029,
+                              fontWeight: FontWeight.w800),
+                        ),
+                        Text(
+                          'ENT Spec',
+                          style: TextStyle(
+                              color: Hexcolor('515A5D'),
+                              fontSize: isSmallScreen
+                                  ? 20
+                                  : constraints.maxWidth * 0.025),
+                        )
+                      ],
+                    ),
+                  )
                 ],
               ),
-            )
+            ),
+            Container(
+                height: 200,
+                width: 200,
+                child: Center(
+                  child: Image.asset(
+                      'assets/images/verification_fingerprint_lg_icon.png',fit: BoxFit.cover,),
+                )),
+            buildButtonsContainer(isSmallScreen, constraints, context)
           ],
         );
       },
     );
   }
+
+  Container buildButtonsContainer(
+      bool isSmallScreen, BoxConstraints constraints, BuildContext context) {
+    return Container(
+      margin: EdgeInsetsDirectional.fromSTEB(0, 0, 30, 0),
+      width: double.infinity,
+      child: Column(
+        children: <Widget>[
+          RaisedButton(
+            onPressed: () {},
+            elevation: 0.0,
+            child: Container(
+              width: double.infinity,
+              height: 50,
+              child: Center(
+                child: Text(
+                  "Verify using FingerPRint".toUpperCase(),
+                  // textAlign: TextAlign.center,
+                  style: TextStyle(
+                      color: Colors.white,
+                      fontSize:
+                          isSmallScreen ? 20 : constraints.maxWidth * 0.029),
+                ),
+              ),
+            ),
+            shape: RoundedRectangleBorder(
+                borderRadius: BorderRadius.circular(10),
+                side: BorderSide(width: 0.5, color: Hexcolor('#CCCCCC'))),
+          ),
+          SizedBox(
+            height: 10,
+          ),
+          Container(
+            width: double.infinity,
+            height: 50,
+            child: FlatButton(
+                onPressed: () {},
+                shape: RoundedRectangleBorder(
+                    borderRadius: BorderRadius.circular(10),
+                    side: BorderSide(
+                        width: 1, color: Theme.of(context).primaryColor)),
+                child: Text(
+                  "More verification Options".toUpperCase(),
+                  style: TextStyle(
+                      color: Theme.of(context).primaryColor,
+                      fontSize:
+                          isSmallScreen ? 20 : constraints.maxWidth * 0.029),
+                )),
+          ),
+          SizedBox(
+            height: 20,
+          ),
+        ],
+      ),
+    );
+  }
 }

pubspec.yaml

@@ -61,6 +61,7 @@ flutter:
    - assets/images/user_id_icon.png
    - assets/images/login_btn_arrow_icon.png
    - assets/images/dr_avatar.png
+   - assets/images/verification_fingerprint_lg_icon.png
   #  - images/a_dot_ham.jpeg
 
   # An image asset can refer to one or more resolution-specific "variants", see