2515 lines
154 KiB
Dart
2515 lines
154 KiB
Dart
import '/components/appbar_widget.dart';
|
|
import '/components/nav_bar1_widget.dart';
|
|
import '/flutterlib/flutter_theme.dart';
|
|
import '/flutterlib/flutter_util.dart';
|
|
import '/flutterlib/flutter_widgets.dart';
|
|
import 'package:styled_divider/styled_divider.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter/services.dart';
|
|
import 'package:flutter_svg/flutter_svg.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:provider/provider.dart';
|
|
import 'compsec_checkout_model.dart';
|
|
export 'compsec_checkout_model.dart';
|
|
|
|
class CompsecCheckoutWidget extends StatefulWidget {
|
|
const CompsecCheckoutWidget({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_CompsecCheckoutWidgetState createState() => _CompsecCheckoutWidgetState();
|
|
}
|
|
|
|
class _CompsecCheckoutWidgetState extends State<CompsecCheckoutWidget> {
|
|
late CompsecCheckoutModel _model;
|
|
|
|
final scaffoldKey = GlobalKey<ScaffoldState>();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_model = createModel(context, () => CompsecCheckoutModel());
|
|
|
|
_model.textController1 ??= TextEditingController();
|
|
_model.textFieldFocusNode1 ??= FocusNode();
|
|
|
|
_model.textController2 ??= TextEditingController();
|
|
_model.textFieldFocusNode2 ??= FocusNode();
|
|
|
|
_model.textController3 ??= TextEditingController();
|
|
_model.textFieldFocusNode3 ??= FocusNode();
|
|
|
|
_model.textController4 ??= TextEditingController();
|
|
_model.textFieldFocusNode4 ??= FocusNode();
|
|
|
|
_model.textController5 ??= TextEditingController();
|
|
_model.textFieldFocusNode5 ??= FocusNode();
|
|
|
|
_model.textController6 ??= TextEditingController();
|
|
_model.textFieldFocusNode6 ??= FocusNode();
|
|
|
|
_model.textController7 ??= TextEditingController();
|
|
_model.textFieldFocusNode7 ??= FocusNode();
|
|
|
|
_model.textController8 ??= TextEditingController();
|
|
_model.textFieldFocusNode8 ??= FocusNode();
|
|
}
|
|
|
|
@override
|
|
void dispose() {
|
|
_model.dispose();
|
|
|
|
super.dispose();
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
if (isiOS) {
|
|
SystemChrome.setSystemUIOverlayStyle(
|
|
SystemUiOverlayStyle(
|
|
statusBarBrightness: Theme.of(context).brightness,
|
|
systemStatusBarContrastEnforced: true,
|
|
),
|
|
);
|
|
}
|
|
|
|
context.watch<FFAppState>();
|
|
|
|
return GestureDetector(
|
|
onTap: () => _model.unfocusNode.canRequestFocus
|
|
? FocusScope.of(context).requestFocus(_model.unfocusNode)
|
|
: FocusScope.of(context).unfocus(),
|
|
child: Scaffold(
|
|
key: scaffoldKey,
|
|
backgroundColor: Color(0xFFEBEBE4),
|
|
drawer: Container(
|
|
width: 180.0,
|
|
child: Drawer(
|
|
elevation: 16.0,
|
|
child: Container(
|
|
width: 100.0,
|
|
height: 100.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(0.0, 80.0, 0.0, 0.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Container(
|
|
width: 180.0,
|
|
height: 61.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('account');
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
15.0, 8.0, 0.0, 0.0),
|
|
child: Container(
|
|
width: 40.0,
|
|
height: 40.0,
|
|
decoration: BoxDecoration(
|
|
color: FlutterTheme.of(context)
|
|
.secondaryBackground,
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: ClipRRect(
|
|
borderRadius:
|
|
BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/company.svg',
|
|
width: 30.0,
|
|
height: 30.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
8.0, 8.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context).getText(
|
|
'koz0r3pe' /* ABC Ltd */,
|
|
),
|
|
style: FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
width: 180.0,
|
|
height: 61.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('account1');
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/Group_2640.svg',
|
|
width: 0.0,
|
|
height: 0.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
5.0, 0.0, 0.0, 0.0),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: Image.asset(
|
|
'assets/images/account.png',
|
|
width: 50.0,
|
|
height: 50.0,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
8.0, 0.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context).getText(
|
|
'2c2tv2cs' /* Account */,
|
|
),
|
|
style: FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: 180.0,
|
|
height: 61.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('tnc');
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/document.svg',
|
|
width: 0.0,
|
|
height: 0.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
16.0, 0.0, 0.0, 0.0),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/tnc.svg',
|
|
width: 30.0,
|
|
height: 30.0,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
17.0, 0.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context).getText(
|
|
'kupsd8d9' /* T&C */,
|
|
),
|
|
style: FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/Group_2640.svg',
|
|
width: 0.0,
|
|
height: 0.0,
|
|
fit: BoxFit.fitHeight,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: 180.0,
|
|
height: 61.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('policy');
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/Group_2640.svg',
|
|
width: 0.0,
|
|
height: 0.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
16.0, 0.0, 0.0, 0.0),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/pp.svg',
|
|
width: 30.0,
|
|
height: 30.0,
|
|
fit: BoxFit.cover,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
16.0, 0.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context).getText(
|
|
'jgx7c1ro' /* Privacy
|
|
Policy */
|
|
,
|
|
),
|
|
style: FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: 180.0,
|
|
height: 61.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('language');
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/Group_2640.svg',
|
|
width: 0.0,
|
|
height: 0.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
16.0, 0.0, 0.0, 0.0),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/language.svg',
|
|
width: 30.0,
|
|
height: 30.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
15.0, 0.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context).getText(
|
|
'p7f4pr81' /* Languages */,
|
|
),
|
|
style: FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Container(
|
|
width: 180.0,
|
|
height: 61.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFF009B9A),
|
|
),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('setting');
|
|
},
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/Group_2640.svg',
|
|
width: 0.0,
|
|
height: 0.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
16.0, 0.0, 0.0, 0.0),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/setting-2.svg',
|
|
width: 30.0,
|
|
height: 30.0,
|
|
fit: BoxFit.contain,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
15.0, 0.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context).getText(
|
|
'cqgzxzuk' /* Settings */,
|
|
),
|
|
style: FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
appBar: PreferredSize(
|
|
preferredSize: Size.fromHeight(0.0),
|
|
child: AppBar(
|
|
backgroundColor: Color(0xFFE7E36B),
|
|
automaticallyImplyLeading: false,
|
|
actions: [],
|
|
centerTitle: false,
|
|
elevation: 0.0,
|
|
),
|
|
),
|
|
body: SafeArea(
|
|
top: true,
|
|
child: Stack(
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(0.0, 100.0, 0.0, 100.0),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 16.0, 16.0, 0.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Expanded(
|
|
child: Align(
|
|
alignment: AlignmentDirectional(-1.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
16.0, 0.0, 0.0, 0.0),
|
|
child: Container(
|
|
width: 40.0,
|
|
height: 40.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFD6DEE9),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.center,
|
|
crossAxisAlignment:
|
|
CrossAxisAlignment.center,
|
|
children: [
|
|
Expanded(
|
|
child: Align(
|
|
alignment:
|
|
AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
10.0, 0.0, 0.0, 0.0),
|
|
child: Icon(
|
|
Icons.arrow_back_ios,
|
|
color:
|
|
FlutterTheme.of(context)
|
|
.secondaryText,
|
|
size: 24.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(1.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () async {
|
|
context.pushNamed('compsec');
|
|
},
|
|
text: FFLocalizations.of(context).getText(
|
|
'mttqribj' /* Leave */,
|
|
),
|
|
options: FFButtonOptions(
|
|
width: 100.0,
|
|
height: 50.0,
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
24.0, 0.0, 24.0, 0.0),
|
|
iconPadding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 0.0, 0.0, 0.0),
|
|
color: Color(0xFF9B0025),
|
|
textStyle: FlutterTheme.of(context)
|
|
.titleSmall
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 20.0,
|
|
),
|
|
elevation: 3.0,
|
|
borderSide: BorderSide(
|
|
color: Colors.transparent,
|
|
width: 1.0,
|
|
),
|
|
borderRadius: BorderRadius.circular(40.0),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(0.0, 16.0, 0.0, 0.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 0.0, 0.0, 10.0),
|
|
child: Container(
|
|
width: 358.0,
|
|
height: 1450.0,
|
|
decoration: BoxDecoration(
|
|
color: FlutterTheme.of(context)
|
|
.secondaryBackground,
|
|
borderRadius: BorderRadius.circular(0.0),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Container(
|
|
width: 358.0,
|
|
height: 50.0,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: [
|
|
Color(0xFF7DB979),
|
|
Color(0xFF26BBAA)
|
|
],
|
|
stops: [0.0, 1.0],
|
|
begin: AlignmentDirectional(
|
|
-1.0, 0.0),
|
|
end: AlignmentDirectional(
|
|
1.0, 0),
|
|
),
|
|
),
|
|
child: Align(
|
|
alignment: AlignmentDirectional(
|
|
0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'vgcxdkan' /* Checkout */,
|
|
),
|
|
style:
|
|
FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Roboto',
|
|
color: Colors.white,
|
|
fontSize: 24.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
10.0, 10.0, 0.0, 16.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'm73emjb8' /* Cart Summary */,
|
|
),
|
|
style:
|
|
FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 20.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Container(
|
|
width: 328.0,
|
|
height: 214.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFEBEBE4),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 4.0,
|
|
color: Color(0x33000000),
|
|
offset: Offset(0.0, 2.0),
|
|
)
|
|
],
|
|
borderRadius:
|
|
BorderRadius.circular(16.0),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(24.0,
|
|
12.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'1aip6knz' /* Digital Company Registration f... */,
|
|
),
|
|
textAlign:
|
|
TextAlign.start,
|
|
style:
|
|
FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
24.0, 12.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'ud36wu9n' /* 1 year Comp Sec */,
|
|
),
|
|
textAlign: TextAlign.start,
|
|
style: FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Align(
|
|
alignment:
|
|
AlignmentDirectional(
|
|
1.0, 0.0),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0,
|
|
12.0,
|
|
24.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'ba6eduxh' /* HK$18,000 */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
color: Color(
|
|
0xFF009B9A),
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
24.0, 12.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'udy24aha' /* 3-5 Shareholders */,
|
|
),
|
|
textAlign: TextAlign.start,
|
|
style: FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Align(
|
|
alignment:
|
|
AlignmentDirectional(
|
|
1.0, 0.0),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0,
|
|
12.0,
|
|
24.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'1nkxzmzv' /* +HK$1000/YEAR */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
color: Color(
|
|
0xFF009B9A),
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(24.0,
|
|
12.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'ilfbuokr' /* Digital Bookkeeping fee */,
|
|
),
|
|
textAlign:
|
|
TextAlign.start,
|
|
style:
|
|
FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
24.0, 12.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'706y43qa' /* Short */,
|
|
),
|
|
textAlign: TextAlign.start,
|
|
style: FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Align(
|
|
alignment:
|
|
AlignmentDirectional(
|
|
1.0, 0.0),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0,
|
|
12.0,
|
|
24.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'qiwwc96r' /* HK$18,000/year */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
color: Color(
|
|
0xFF009B9A),
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
width: 300.0,
|
|
child: StyledDivider(
|
|
thickness: 1.0,
|
|
color: Color(0xFF364257),
|
|
lineStyle:
|
|
DividerLineStyle.dashed,
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
24.0, 12.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'06u3wtf5' /* Total */,
|
|
),
|
|
textAlign: TextAlign.start,
|
|
style: FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Align(
|
|
alignment:
|
|
AlignmentDirectional(
|
|
1.0, 0.0),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0,
|
|
12.0,
|
|
24.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'kkjr9n4r' /* HK$18,000 */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
color: Color(
|
|
0xFF009B9A),
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 16.0, 0.0, 0.0),
|
|
child: Container(
|
|
width: 328.0,
|
|
height: 443.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFF4F7FA),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 4.0,
|
|
color: Color(0x33000000),
|
|
offset: Offset(0.0, 2.0),
|
|
)
|
|
],
|
|
borderRadius:
|
|
BorderRadius.circular(8.0),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.center,
|
|
children: [
|
|
Align(
|
|
alignment:
|
|
AlignmentDirectional(
|
|
0.0, 0.0),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0,
|
|
19.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'vry14vcy' /* Your contact details */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 20.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'zmmumwcf' /* First name */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController1,
|
|
focusNode: _model
|
|
.textFieldFocusNode1,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController1Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'5gbrfaua' /* Last name */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController2,
|
|
focusNode: _model
|
|
.textFieldFocusNode2,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController2Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'tcjuknbq' /* Phone */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController3,
|
|
focusNode: _model
|
|
.textFieldFocusNode3,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController3Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'oqz1lnb5' /* Email */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController4,
|
|
focusNode: _model
|
|
.textFieldFocusNode4,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController4Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 16.0, 0.0, 0.0),
|
|
child: Container(
|
|
width: 328.0,
|
|
height: 501.0,
|
|
decoration: BoxDecoration(
|
|
color: Color(0xFFF4F7FA),
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 4.0,
|
|
color: Color(0x33000000),
|
|
offset: Offset(0.0, 2.0),
|
|
)
|
|
],
|
|
borderRadius:
|
|
BorderRadius.circular(8.0),
|
|
),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.center,
|
|
children: [
|
|
Align(
|
|
alignment:
|
|
AlignmentDirectional(
|
|
0.0, 0.0),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0,
|
|
19.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'j0kutrfx' /* Payment details */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 20.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'eq0e72oh' /* Credit Card */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 59.0,
|
|
height: 43.0,
|
|
decoration:
|
|
BoxDecoration(
|
|
color: FlutterTheme
|
|
.of(context)
|
|
.secondaryBackground,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 4.0,
|
|
color: Color(
|
|
0x33000000),
|
|
offset: Offset(
|
|
0.0, 2.0),
|
|
)
|
|
],
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
10.0),
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
8.0),
|
|
child: Image.asset(
|
|
'assets/images/1200px-Mastercard_2019_logo.png',
|
|
width: 300.0,
|
|
height: 200.0,
|
|
fit: BoxFit.none,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
5.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 59.0,
|
|
height: 43.0,
|
|
decoration:
|
|
BoxDecoration(
|
|
color: FlutterTheme
|
|
.of(context)
|
|
.secondaryBackground,
|
|
boxShadow: [
|
|
BoxShadow(
|
|
blurRadius: 4.0,
|
|
color: Color(
|
|
0x33000000),
|
|
offset: Offset(
|
|
0.0, 2.0),
|
|
)
|
|
],
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
10.0),
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
8.0),
|
|
child: Image.asset(
|
|
'assets/images/Visa_Inc._logo.png',
|
|
width: 300.0,
|
|
height: 200.0,
|
|
fit: BoxFit.none,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'joglan4m' /* First name */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController5,
|
|
focusNode: _model
|
|
.textFieldFocusNode5,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController5Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'ciu2gpq0' /* Last name */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController6,
|
|
focusNode: _model
|
|
.textFieldFocusNode6,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController6Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'5xq6fs1c' /* Phone */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController7,
|
|
focusNode: _model
|
|
.textFieldFocusNode7,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController7Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 12.0, 0.0, 5.0),
|
|
child: Row(
|
|
mainAxisSize:
|
|
MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
16.0,
|
|
0.0,
|
|
0.0,
|
|
0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'rhrjzaln' /* Email */,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Roboto',
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Expanded(
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
8.0,
|
|
0.0,
|
|
8.0,
|
|
0.0),
|
|
child: Container(
|
|
width: 326.0,
|
|
child: TextFormField(
|
|
controller: _model
|
|
.textController8,
|
|
focusNode: _model
|
|
.textFieldFocusNode8,
|
|
obscureText: false,
|
|
decoration:
|
|
InputDecoration(
|
|
labelStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
hintStyle:
|
|
FlutterTheme.of(
|
|
context)
|
|
.labelMedium,
|
|
enabledBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: Color(
|
|
0xFF6D7581),
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.primary,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
errorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
focusedErrorBorder:
|
|
OutlineInputBorder(
|
|
borderSide:
|
|
BorderSide(
|
|
color: FlutterTheme.of(
|
|
context)
|
|
.error,
|
|
width: 2.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius
|
|
.circular(
|
|
23.8),
|
|
),
|
|
filled: true,
|
|
fillColor:
|
|
Colors.white,
|
|
),
|
|
style: FlutterTheme
|
|
.of(context)
|
|
.bodyMedium,
|
|
validator: _model
|
|
.textController8Validator
|
|
.asValidator(
|
|
context),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 24.0, 0.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () {
|
|
print('Button pressed ...');
|
|
},
|
|
text: FFLocalizations.of(context)
|
|
.getText(
|
|
'wotxp6sx' /* Pay Now */,
|
|
),
|
|
options: FFButtonOptions(
|
|
width: 326.0,
|
|
height: 50.0,
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
24.0, 0.0, 24.0, 0.0),
|
|
iconPadding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 0.0, 0.0, 0.0),
|
|
color: Color(0xFFF3CF5D),
|
|
textStyle:
|
|
FlutterTheme.of(context)
|
|
.titleSmall
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Color(0xFF364257),
|
|
fontSize: 20.0,
|
|
),
|
|
elevation: 3.0,
|
|
borderSide: BorderSide(
|
|
color: Colors.transparent,
|
|
width: 1.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius.circular(40.0),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 20.0, 0.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () {
|
|
print('Button pressed ...');
|
|
},
|
|
text: FFLocalizations.of(context)
|
|
.getText(
|
|
'hszf2sdx' /* Save as draft */,
|
|
),
|
|
options: FFButtonOptions(
|
|
width: 326.0,
|
|
height: 50.0,
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
24.0, 0.0, 24.0, 0.0),
|
|
iconPadding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 0.0, 0.0, 0.0),
|
|
color: Color(0xFF009B9A),
|
|
textStyle:
|
|
FlutterTheme.of(context)
|
|
.titleSmall
|
|
.override(
|
|
fontFamily: 'Readex Pro',
|
|
color: Colors.white,
|
|
fontSize: 20.0,
|
|
),
|
|
elevation: 3.0,
|
|
borderSide: BorderSide(
|
|
color: Colors.transparent,
|
|
width: 1.0,
|
|
),
|
|
borderRadius:
|
|
BorderRadius.circular(40.0),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 1.0),
|
|
child: wrapWithModel(
|
|
model: _model.navBar1Model,
|
|
updateCallback: () => setState(() {}),
|
|
child: NavBar1Widget(),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, -1.0),
|
|
child: wrapWithModel(
|
|
model: _model.appbarModel,
|
|
updateCallback: () => setState(() {}),
|
|
child: AppbarWidget(),
|
|
),
|
|
),
|
|
Align(
|
|
alignment: AlignmentDirectional(1.07, -0.97),
|
|
child: Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(0.0, 550.0, 30.0, 0.0),
|
|
child: InkWell(
|
|
splashColor: Colors.transparent,
|
|
focusColor: Colors.transparent,
|
|
hoverColor: Colors.transparent,
|
|
highlightColor: Colors.transparent,
|
|
onTap: () async {
|
|
context.pushNamed('chatbox');
|
|
},
|
|
child: Container(
|
|
width: 71.0,
|
|
height: 71.0,
|
|
decoration: BoxDecoration(
|
|
gradient: LinearGradient(
|
|
colors: [Color(0xFFE7E63B), Color(0xFFC6E6D7)],
|
|
stops: [0.0, 1.0],
|
|
begin: AlignmentDirectional(-1.0, 0.0),
|
|
end: AlignmentDirectional(1.0, 0),
|
|
),
|
|
shape: BoxShape.circle,
|
|
),
|
|
child: ClipRRect(
|
|
borderRadius: BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/message-2.svg',
|
|
width: 100.0,
|
|
height: 100.0,
|
|
fit: BoxFit.none,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|