@ -88,22 +88,9 @@ class _RegistrationScreenState extends State<RegistrationScreen> {
@ override
@ override
Widget build ( BuildContext context ) {
Widget build ( BuildContext context ) {
return Scaffold (
bool isPortrait = MediaQuery . of ( context ) . orientation = = Orientation . portrait ;
backgroundColor: ColorConsts . greyF8Color ,
body: SingleChildScrollView (
Widget _header = Column (
padding: EdgeInsets . only ( top: 100 , bottom: 24 ) ,
physics: BouncingScrollPhysics ( ) ,
child: Column (
mainAxisSize: MainAxisSize . min ,
children: [
Image . asset ( " assets/icons/new/Tangeem-logo.png " , width: 116 , height: 62 ) ,
30. height ,
Container (
width: MediaQuery . of ( context ) . size . width ,
decoration: BoxDecoration ( borderRadius: BorderRadius . circular ( 20.0 ) , color: Colors . white ) ,
margin: EdgeInsets . only ( left: 24 , right: 24 , top: 24 , bottom: 20 ) ,
child: Column (
crossAxisAlignment: CrossAxisAlignment . center ,
mainAxisSize: MainAxisSize . min ,
mainAxisSize: MainAxisSize . min ,
children: [
children: [
Padding (
Padding (
@ -111,10 +98,10 @@ class _RegistrationScreenState extends State<RegistrationScreen> {
child: SvgPicture . asset ( " assets/logos/tangheem_logo.svg " , width: 72 , height: 72 ) ,
child: SvgPicture . asset ( " assets/logos/tangheem_logo.svg " , width: 72 , height: 72 ) ,
) ,
) ,
" انشاء حساب جديد " . toText ( 18 , color: ColorConsts . darkText ) ,
" انشاء حساب جديد " . toText ( 18 , color: ColorConsts . darkText ) ,
" قم بتعبئة بيانات طلب انشاء الحساب و ستصلك رسالة تأكيد, ومن ثم يمكنك الدخول لحسابك الجديد "
] ,
. toText ( 13 , color: ColorConsts . grey9FColor , textAlign: TextAlign . center )
) ;
. paddingOnly ( left: 24 , right: 24 , top: 18 , bottom: 18 ) ,
Column (
Widget _dataInput = Column (
mainAxisSize: MainAxisSize . min ,
mainAxisSize: MainAxisSize . min ,
children: [
children: [
CommonTextFieldWidget ( hint: " البريد الإلكتروني " , controller: _emailController , isEmail: true ) ,
CommonTextFieldWidget ( hint: " البريد الإلكتروني " , controller: _emailController , isEmail: true ) ,
@ -143,27 +130,28 @@ class _RegistrationScreenState extends State<RegistrationScreen> {
CommonTextFieldWidget ( hint: " تأكيد كلمة المرور " , controller: _confirmPasswordController ) ,
CommonTextFieldWidget ( hint: " تأكيد كلمة المرور " , controller: _confirmPasswordController ) ,
Row (
Row (
mainAxisSize: MainAxisSize . min ,
mainAxisSize: MainAxisSize . min ,
crossAxisAlignment: CrossAxisAlignment . center ,
children: [
children: [
InkWell (
Icon ( _isAccept ? Icons . check_box_rounded : Icons . check_box_outline_blank_rounded , color: ColorConsts . borderDark2Text , size: 17 ) ,
onTap: ( ) {
setState ( ( ) {
_isAccept = ! _isAccept ;
} ) ;
} ,
child: Icon ( _isAccept ? Icons . check_box_rounded : Icons . check_box_outline_blank_rounded , color: ColorConsts . borderDark2Text , size: 17 ) ,
/ / child: SvgPicture . asset ( _isAccept ? " assets/icons/checkOn.svg " : " assets/icons/checkOff.svg " , width: 16 , height: 16 , color: ColorConsts . borderDarkText ) ,
) ,
SizedBox ( width: 8 ) ,
SizedBox ( width: 8 ) ,
" جميع البيانات صحيحة ضمن اتفاقية الاستخدام " . toText ( 14 , color: ColorConsts . darkText ) . expanded ,
" جميع البيانات صحيحة ضمن اتفاقية الاستخدام " . toText ( 14 , color: ColorConsts . darkText ) . expanded ,
] ,
] ,
) . paddingOnly ( left: 30 , right: 30 , top: 30 , bottom: 26 ) ,
) . onPress ( ( ) {
] ,
setState ( ( ) {
) . paddingOnly ( left: 12 , right: 12 ) ,
_isAccept = ! _isAccept ;
} ) ;
} ) . paddingOnly ( top: 24 , bottom: 24 , left: 16 , right: 16 ) ,
] ,
] ,
) ,
) ;
) ,
SizedBox (
List < Widget > _dataList = [
_header ,
" قم بتعبئة بيانات طلب انشاء الحساب و ستصلك رسالة تأكيد, ومن ثم يمكنك الدخول لحسابك الجديد "
. toText ( 13 , color: ColorConsts . grey9FColor , textAlign: TextAlign . center )
. paddingOnly ( left: 24 , right: 24 , top: 18 , bottom: 18 ) ,
_dataInput . paddingOnly ( left: 12 , right: 12 ) ,
] ;
Widget _registrationButton = SizedBox (
width: double . infinity ,
width: double . infinity ,
height: 50 ,
height: 50 ,
child: TextButton (
child: TextButton (
@ -228,8 +216,9 @@ class _RegistrationScreenState extends State<RegistrationScreen> {
) ,
) ,
child: Text ( " انشئ حسابك " ) ,
child: Text ( " انشئ حسابك " ) ,
) ,
) ,
) . paddingOnly ( left: 35 , right: 35 , bottom: 35 ) ,
) ;
Column (
Widget _contactUsButton = Column (
mainAxisSize: MainAxisSize . min ,
mainAxisSize: MainAxisSize . min ,
children: [
children: [
SvgPicture . asset ( " assets/icons/new/contact_us.svg " , width: 26 , height: 24 , color: ColorConsts . greyC4Color ) ,
SvgPicture . asset ( " assets/icons/new/contact_us.svg " , width: 26 , height: 24 , color: ColorConsts . greyC4Color ) ,
@ -238,10 +227,65 @@ class _RegistrationScreenState extends State<RegistrationScreen> {
] ,
] ,
) . onPress ( ( ) {
) . onPress ( ( ) {
Navigator . pushNamed ( context , ContactUsScreen . routeName ) ;
Navigator . pushNamed ( context , ContactUsScreen . routeName ) ;
} )
} ) ;
return isPortrait
? Scaffold (
backgroundColor: ColorConsts . greyF8Color ,
body: SingleChildScrollView (
padding: EdgeInsets . only ( top: 100 , bottom: 24 ) ,
physics: BouncingScrollPhysics ( ) ,
child: Column (
mainAxisSize: MainAxisSize . min ,
children: [
Image . asset ( " assets/icons/new/Tangeem-logo.png " , width: 116 , height: 62 ) ,
30. height ,
Container (
width: MediaQuery . of ( context ) . size . width ,
decoration: BoxDecoration ( borderRadius: BorderRadius . circular ( 20.0 ) , color: Colors . white ) ,
margin: EdgeInsets . only ( left: 24 , right: 24 , top: 24 , bottom: 20 ) ,
child: Column ( crossAxisAlignment: CrossAxisAlignment . center , mainAxisSize: MainAxisSize . min , children: _dataList ) ,
) ,
_registrationButton . paddingOnly ( left: 35 , right: 35 , bottom: 35 ) ,
_contactUsButton ,
] ,
) ,
) ,
)
: Row (
children: [
Expanded ( child: Image . asset ( " assets/icons/new/Tangeem-logo.png " , width: 116 , height: 62 ) . paddingOnly ( right: 70 ) , flex: 3 ) ,
Expanded (
child: Container (
width: MediaQuery . of ( context ) . size . width ,
decoration: BoxDecoration ( borderRadius: BorderRadius . circular ( 20.0 ) , color: Colors . white ) ,
margin: EdgeInsets . all ( 24 ) ,
child: Row (
crossAxisAlignment: CrossAxisAlignment . start ,
mainAxisSize: MainAxisSize . min ,
children: [
Expanded ( child: _header , flex: 2 ) ,
Expanded (
child: SingleChildScrollView (
padding: EdgeInsets . all ( 24 ) ,
child: Column (
mainAxisSize: MainAxisSize . min ,
children: [
" قم بتعبئة بيانات طلب انشاء الحساب و ستصلك رسالة تأكيد, ومن ثم يمكنك الدخول لحسابك الجديد " . toText ( 14 , color: ColorConsts . grey9FColor , textAlign: TextAlign . center ) ,
24. height ,
_dataInput ,
_registrationButton ,
24. height ,
_contactUsButton ,
] ,
] ,
) ,
) ,
) ,
) ,
flex: 4 ) ,
] ,
) ,
) ,
flex: 7 ) ,
] ,
) ;
) ;
}
}