1059 lines
54 KiB
Dart
1059 lines
54 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_checkout1_model.dart';
|
|
export 'compsec_checkout1_model.dart';
|
|
|
|
class CompsecCheckout1Widget extends StatefulWidget {
|
|
const CompsecCheckout1Widget({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_CompsecCheckout1WidgetState createState() => _CompsecCheckout1WidgetState();
|
|
}
|
|
|
|
class _CompsecCheckout1WidgetState extends State<CompsecCheckout1Widget> {
|
|
late CompsecCheckout1Model _model;
|
|
|
|
final scaffoldKey = GlobalKey<ScaffoldState>();
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_model = createModel(context, () => CompsecCheckout1Model());
|
|
}
|
|
|
|
@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(
|
|
'a4290632' /* 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(
|
|
'nlhz2kvi' /* 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(
|
|
'ff41z10q' /* 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(
|
|
'3nfnatzy' /* 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(
|
|
'cge3c683' /* 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(
|
|
'fl12je7x' /* 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, 0.0),
|
|
child: SingleChildScrollView(
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(0.0, 24.0, 0.0, 0.0),
|
|
child: Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment: MainAxisAlignment.end,
|
|
children: [
|
|
Align(
|
|
alignment: AlignmentDirectional(0.0, 0.0),
|
|
child: Container(
|
|
width: 358.0,
|
|
height: 500.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(
|
|
'wrd40jlu' /* Checkout */,
|
|
),
|
|
style:
|
|
FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily: 'Roboto',
|
|
color: Colors.white,
|
|
fontSize: 24.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Column(
|
|
mainAxisSize: MainAxisSize.max,
|
|
children: [
|
|
Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.center,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
10.0, 10.0, 0.0, 16.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'12rxxi34' /* Cart Summary */,
|
|
),
|
|
style:
|
|
FlutterTheme.of(context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
fontSize: 20.0,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
Padding(
|
|
padding:
|
|
EdgeInsetsDirectional.fromSTEB(
|
|
0.0, 10.0, 0.0, 16.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.center,
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius:
|
|
BorderRadius.circular(8.0),
|
|
child: SvgPicture.asset(
|
|
'assets/images/tick-circle.svg',
|
|
width: 40.0,
|
|
height: 40.0,
|
|
fit: BoxFit.none,
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
10.0, 0.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'ipjjgwwc' /* Payment successful */,
|
|
),
|
|
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,
|
|
18.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'g5oyysb4' /* Total amount paid */,
|
|
),
|
|
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, 18.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'st9d0cv4' /* HK$32,500 */,
|
|
),
|
|
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, 20.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'wblbhrah' /* Payment method */,
|
|
),
|
|
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, 20.0,
|
|
24.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'ctcf15kp' /* Credit card */,
|
|
),
|
|
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, 20.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'03nwg08j' /* Transaction date */,
|
|
),
|
|
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, 20.0,
|
|
24.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'pkhdh4ss' /* 2023/05/25 18:28 */,
|
|
),
|
|
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, 20.0, 0.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'by6rvgrx' /* Transaction number */,
|
|
),
|
|
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, 20.0,
|
|
24.0, 0.0),
|
|
child: Text(
|
|
FFLocalizations.of(
|
|
context)
|
|
.getText(
|
|
'4h2vwno3' /* 254678943 */,
|
|
),
|
|
style:
|
|
FlutterTheme.of(
|
|
context)
|
|
.bodyMedium
|
|
.override(
|
|
fontFamily:
|
|
'Readex Pro',
|
|
color: Color(
|
|
0xFF009B9A),
|
|
fontSize: 16.0,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Padding(
|
|
padding: EdgeInsetsDirectional.fromSTEB(
|
|
10.0, 0.0, 10.0, 0.0),
|
|
child: Row(
|
|
mainAxisSize: MainAxisSize.max,
|
|
mainAxisAlignment:
|
|
MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
0.0, 0.0, 10.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () {
|
|
print('Button pressed ...');
|
|
},
|
|
text:
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'z8vn3755' /* Back */,
|
|
),
|
|
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),
|
|
),
|
|
),
|
|
),
|
|
Padding(
|
|
padding: EdgeInsetsDirectional
|
|
.fromSTEB(
|
|
10.0, 0.0, 0.0, 0.0),
|
|
child: FFButtonWidget(
|
|
onPressed: () {
|
|
print('Button pressed ...');
|
|
},
|
|
text:
|
|
FFLocalizations.of(context)
|
|
.getText(
|
|
'd09pwan8' /* Print */,
|
|
),
|
|
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),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
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,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|