import 'package:flutter/material.dart'; import 'package:hexcolor/hexcolor.dart'; import '../../config/size_config.dart'; import '../../routes.dart'; class VerifyAccount extends StatelessWidget { final verifyAccountForm = GlobalKey(); @override Widget build(BuildContext context) { return Form( key: verifyAccountForm, child: Container( width: SizeConfig.realScreenWidth * 0.90, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ buildSizedBox(30), Row( mainAxisAlignment: MainAxisAlignment.spaceAround, children: [ Container( width:SizeConfig.realScreenWidth*0.20, child: TextFormField( decoration: InputDecoration( // ts/images/password_icon.png contentPadding: EdgeInsets.only(top: 30, bottom: 30), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), borderSide: BorderSide(color: Colors.black), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), borderSide: BorderSide( color: Theme.of(context).primaryColor), )), onChanged: (_) {}, )), Container( width:SizeConfig.realScreenWidth*0.20, child: TextFormField( decoration: InputDecoration( // ts/images/password_icon.png contentPadding: EdgeInsets.only(top: 30, bottom: 30), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), borderSide: BorderSide(color: Colors.black), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), borderSide: BorderSide( color: Theme.of(context).primaryColor), )), onChanged: (_) {}, )), Container( width:SizeConfig.realScreenWidth*0.20, child: TextFormField( decoration: InputDecoration( // ts/images/password_icon.png contentPadding: EdgeInsets.only(top: 30, bottom: 30), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), borderSide: BorderSide(color: Colors.black), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), borderSide: BorderSide( color: Theme.of(context).primaryColor), )), onChanged: (_) {}, )), Container( width:SizeConfig.realScreenWidth*0.20, child: TextFormField( decoration: InputDecoration( // ts/images/password_icon.png contentPadding: EdgeInsets.only(top: 30, bottom: 30), enabledBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10)), borderSide: BorderSide(color: Colors.black), ), focusedBorder: OutlineInputBorder( borderRadius: BorderRadius.all(Radius.circular(10.0)), borderSide: BorderSide( color: Theme.of(context).primaryColor), )), onChanged: (_) {}, )) ], ), // buildSizedBox(40), buildSizedBox(20), buildText(), // buildSizedBox(10.0), // Text() buildSizedBox(40), // buildSizedBox(), RaisedButton( onPressed: () { Navigator.of(context).pushNamed(HOME); }, elevation: 0.0, child: Container( width: double.infinity, height: 50, child: Center( child: Text( 'Verfiy'.toUpperCase(), // textAlign: TextAlign.center, style: TextStyle( color: Colors.white, fontSize: 3 * SizeConfig.textMultiplier), ), ), ), shape: RoundedRectangleBorder( borderRadius: BorderRadius.circular(10), side: BorderSide(width: 0.5, color: Hexcolor('#CCCCCC'))), ), buildSizedBox(20), Center( child: Text( "Resend in 4.20", style: TextStyle( fontSize: 3.0 * SizeConfig.textMultiplier, ), ), ), buildSizedBox(10), ]))); } RichText buildText() { var text = RichText( text: new TextSpan( style: new TextStyle( fontSize: 3.0 * SizeConfig.textMultiplier, color: Colors.black), children: [ new TextSpan(text: 'You will receive a '), new TextSpan( text: 'Login Code ', style: TextStyle(fontWeight: FontWeight.w700)), new TextSpan(text: 'By SMS, Please enter the code') ])); return text; } SizedBox buildSizedBox([double height = 20]) { return SizedBox( height: height, ); } }