2155 lines
126 KiB
Dart
2155 lines
126 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 'bk_checkout_model.dart';
|
|
export 'bk_checkout_model.dart';
|
|
|
|
class BkCheckoutWidget extends StatefulWidget {
|
|
const BkCheckoutWidget({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_BkCheckoutWidgetState createState() => _BkCheckoutWidgetState();
|
|
}
|
|
|
|
class _BkCheckoutWidgetState extends State<BkCheckoutWidget> {
|
|
late BkCheckoutModel _model;
|
|
|
|
final scaffoldKey = GlobalKey<ScaffoldState>();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_model = createModel(context, () => BkCheckoutModel());
|
|
|
|
_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(
|
|
'cr2j93yz' /* 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(
|
|
'dgru0r47' /* 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(
|
|
'uomw2l22' /* 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(
|
|
'bsw6r7se' /* 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(
|
|
'o8bq8u20' /* 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(
|
|
'jm069z3x' /* 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: [
|
|
SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 120.0, 0.0, 100.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Container(
|
|
width: 358.0,
|
|
height: 1400.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(
|
|
'w3v3u5ry' /* 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(
|
|
'p40ju7he' /* 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(
|
|
'cmn6i7fe' /* Bookkeeping Service subscripti... */,
|
|
),
|
|
textAlign: TextAlign.start,
|
|
style: FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
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(
|
|
'2z91z23e' /* Short */,
|
|
),
|
|
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(
|
|
'xln4tkw1' /* Annually */,
|
|
),
|
|
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(
|
|
'46vdrsf8' /* HK$18,000 */,
|
|
),
|
|
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(
|
|
'c01x2fl4' /* 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(
|
|
'4jy9nilo' /* 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(
|
|
'ptdzm4vk' /* 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(
|
|
'mnw4ew51' /* 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(
|
|
'jxl5aryk' /* 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(
|
|
'd3yqhjvz' /* 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(
|
|
'rmjekpi8' /* 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(
|
|
'o2agngmv' /* 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(
|
|
'gufzq9nh' /* 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(
|
|
'lqn05ber' /* 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(
|
|
'xr9umi4x' /* 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(
|
|
'15ynhys9' /* 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(
|
|
'jc1xaf25' /* 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),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
10.0, 0.0, 0.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () async {
|
|
context.pushNamed('bk_checkout1');
|
|
},
|
|
text: FFLocalizations.of(context)
|
|
.getText(
|
|
'vvp6rrd9' /* Pay */,
|
|
),
|
|
options: FFButtonOptions(
|
|
width: 159.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, 0.0, 10.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () {
|
|
print('Button pressed ...');
|
|
},
|
|
text: FFLocalizations.of(context)
|
|
.getText(
|
|
'up4loaqk' /* Cancel */,
|
|
),
|
|
options: FFButtonOptions(
|
|
width: 159.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),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
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,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|