From 468fbe358e33af21bed473427e938e3c9d89b6e7 Mon Sep 17 00:00:00 2001 From: Elham Rababah Date: Mon, 23 Mar 2020 17:52:10 +0200 Subject: [PATCH] first step from known_user_login --- lib/widgets/auth/auth_header.dart | 2 + lib/widgets/auth/known_user_login.dart | 102 +++++++++++++++++++++++-- pubspec.yaml | 1 + 3 files changed, 99 insertions(+), 6 deletions(-) diff --git a/lib/widgets/auth/auth_header.dart b/lib/widgets/auth/auth_header.dart index ac161262..ee5f8f92 100644 --- a/lib/widgets/auth/auth_header.dart +++ b/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, ), diff --git a/lib/widgets/auth/known_user_login.dart b/lib/widgets/auth/known_user_login.dart index 8e9d7c42..3a1a80b1 100644 --- a/lib/widgets/auth/known_user_login.dart +++ b/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: [ 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: [ + 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: [ + 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, + ), + ], + ), + ); + } } diff --git a/pubspec.yaml b/pubspec.yaml index 70523f98..0528aabc 100644 --- a/pubspec.yaml +++ b/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