import 'package:doctor_app_flutter/config/config.dart'; import 'package:flutter/material.dart'; import 'package:hexcolor/hexcolor.dart'; class KnownUserLogin extends StatelessWidget { @override Widget build(BuildContext context) { return LayoutBuilder( builder: (ctx, constraints) { int maxSmallScreenSize = MAX_SMALL_SCREEN; bool isSmallScreen = constraints.maxWidth <= maxSmallScreenSize; return Column( mainAxisAlignment: MainAxisAlignment.start, children: [ Stack(children: [ Container( decoration: BoxDecoration( border: Border.all( color: Hexcolor('#CCCCCC'), ), 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'))), 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( // child: Image.asset( // 'assets/images/verification_fingerprint_lg_icon.png', // fit: BoxFit.cover, // ), // ), Positioned(top: 7, right: 70, child:Image.asset( 'assets/images/close_icon.png', fit: BoxFit.cover, )) ]), 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, ), ], ), ); } }