Skip to content

F
feelver
Commit 11909f6d by art
Options

updateui

parent 2ab8682f
Showing with 184 additions and 1 deletions
lib/ui/booking/bookingform.dart
......@@ -16,6 +16,74 @@ class _BookingFormState extends State<BookingForm> {
backgroundColor: Color.fromRGBO(54, 148, 163, 1),
),
body: _setupView(),
bottomNavigationBar: Container(
height: SizeConfig.getHeight(100),
color: Color.fromRGBO(106, 179, 170, 1),
child: Stack(
children: <Widget>[
Positioned(
top: SizeConfig.getPadding(24),
left: SizeConfig.getPadding(20),
child: Container(
// color: Colors.red,
width: MediaQuery.of(context).size.width / 2.5,
height: SizeConfig.getHeight(45),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(24),
color: Color.fromRGBO(54, 148, 163, 1),
),
child: Container(
padding: EdgeInsets.only(top: SizeConfig.getPadding(6)),
child: Text(
'ยกเลิก',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: SizeConfig.getFontSize(14),
fontFamily: "SF_Pro_Text",
fontWeight: FontWeight.w500),
),
),
),
),
Positioned(
top: SizeConfig.getPadding(24),
right: SizeConfig.getPadding(20),
child: InkWell(
onTap: () {
// Navigator.push(
// context,
// MaterialPageRoute(
// builder: (context) => BookingFlow(),
// ),
// );
},
child: Container(
// color: Colors.red,
width: MediaQuery.of(context).size.width / 2.5,
height: SizeConfig.getHeight(45),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(24),
color: Color.fromRGBO(232, 166, 180, 1),
),
child: Container(
padding: EdgeInsets.only(top: SizeConfig.getPadding(6)),
child: Text(
'ชำระเงิน',
textAlign: TextAlign.center,
style: TextStyle(
color: Colors.white,
fontSize: SizeConfig.getFontSize(14),
fontFamily: "SF_Pro_Text",
fontWeight: FontWeight.w500),
),
),
),
),
),
],
),
),
);
}
......@@ -295,6 +363,36 @@ class _BookingFormState extends State<BookingForm> {
_formLogin(),
_promocode(),
_payment(),
Container(
width: MediaQuery.of(context).size.width,
color: Colors.black26,
height: 1,
margin: EdgeInsets.only(
top: SizeConfig.getPadding(0),
left: SizeConfig.getPadding(24),
right: SizeConfig.getPadding(24),
bottom: SizeConfig.getPadding(24),
),
),
_paymentview(),
SizedBox(
height: SizeConfig.getHeight(40),
),
Container(
width: MediaQuery.of(context).size.width,
color: Colors.black26,
height: 1,
margin: EdgeInsets.only(
top: SizeConfig.getPadding(0),
left: SizeConfig.getPadding(24),
right: SizeConfig.getPadding(24),
bottom: SizeConfig.getPadding(24),
),
),
_amout(),
SizedBox(
height: SizeConfig.getHeight(40),
),
],
),
);
......@@ -525,7 +623,7 @@ class _BookingFormState extends State<BookingForm> {
Widget _payment() {
return Container(
height: SizeConfig.getHeight(300),
height: SizeConfig.getHeight(100),
child: Stack(
children: <Widget>[
Positioned(
......@@ -571,4 +669,89 @@ class _BookingFormState extends State<BookingForm> {
),
);
}
Widget _paymentview() {
return Row(
children: <Widget>[
SizedBox(
width: SizeConfig.getWidth(20),
),
Container(
child: Image.asset(
'assets/images/ic_pay.png',
width: SizeConfig.getWidth(120),
height: SizeConfig.getHeight(45),
),
),
SizedBox(
width: SizeConfig.getWidth(90),
),
Text(
'ชำระเงินด้วย \nเลขบัตร ... xxx 589',
textAlign: TextAlign.right,
style: TextStyle(
color: Colors.black87,
fontSize: SizeConfig.getFontSize(14),
fontFamily: "SF_Pro_Text",
fontWeight: FontWeight.w500),
)
],
);
}
Widget _amout() {
return Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: <Widget>[
Container(
padding: EdgeInsets.only(left: SizeConfig.getPadding(24)),
alignment: Alignment.topLeft,
child: Text(
'ราคาสุดท้าย',
textAlign: TextAlign.left,
style: TextStyle(
color: Colors.black87,
fontSize: SizeConfig.getFontSize(16),
fontFamily: "SF_Pro_Text",
fontWeight: FontWeight.w700),
),
),
Row(
children: <Widget>[
Container(
padding: EdgeInsets.only(
left: SizeConfig.getPadding(24),
top: SizeConfig.getPadding(10),
),
alignment: Alignment.topLeft,
child: Text(
'รวมภาษีและค่าใช้จ่ายอื่นๆ',
textAlign: TextAlign.left,
style: TextStyle(
color: Colors.black87,
fontSize: SizeConfig.getFontSize(16),
fontFamily: "SF_Pro_Text",
fontWeight: FontWeight.w500),
),
),
SizedBox(width: SizeConfig.getWidth(40),),
Container(
padding: EdgeInsets.only(
top: SizeConfig.getPadding(10),
),
child: Text(
'฿1,599.00 ',
textAlign: TextAlign.left,
style: TextStyle(
color: Color.fromRGBO(253, 41, 86, 1),
fontSize: SizeConfig.getFontSize(22),
fontFamily: "SF_Pro_Text",
fontWeight: FontWeight.w700),
),
),
],
),
],
);
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment