548 lines
19 KiB
Dart
548 lines
19 KiB
Dart
import 'package:cathaypay_mobile/TransferMoney/TransferWorldDetail.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
class TransferWorldPage extends StatefulWidget {
|
|
const TransferWorldPage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<TransferWorldPage> createState() => _TransferWorldPageState();
|
|
}
|
|
|
|
class _TransferWorldPageState extends State<TransferWorldPage> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SingleChildScrollView(
|
|
child: Container(
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
icon: Icon(
|
|
Icons.arrow_back_ios,
|
|
color: Colors.black,
|
|
)),
|
|
Text(
|
|
"โอนเงินต่างประเทศ",
|
|
style: TextStyle(
|
|
color: Color(0xff050505),
|
|
fontSize: 20,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
Text(
|
|
"ชื่อ",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Spacer(),
|
|
Text(
|
|
"MR.KASI PASNIKOM",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 16,
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 20,
|
|
)
|
|
],
|
|
),
|
|
height: 48,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
children: [
|
|
Text(
|
|
"หมายเลขบัตรประชาชน\nหนังสือเดินทาง",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Spacer(),
|
|
Text(
|
|
"1600999099999",
|
|
textAlign: TextAlign.right,
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
child: Center(
|
|
child: Text(
|
|
"ที่อยู่ที่ติดต่อได้ (ภาษาอังกฤษ)",
|
|
style: TextStyle(
|
|
color: Color(0xff393939),
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
),
|
|
height: 41,
|
|
width: MediaQuery.of(context).size.width,
|
|
color: Color(0xffd9d9d9),
|
|
),
|
|
Padding(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
"หมู่บ้าน",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
"เลขที่ห้อง",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Text(
|
|
"ชั้น",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 20,
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Text(
|
|
"บ้านเลขที่",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: Text(
|
|
"หมู่",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Row(
|
|
children: [
|
|
Expanded(
|
|
child: Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
),
|
|
SizedBox(
|
|
width: 20,
|
|
),
|
|
Expanded(
|
|
child: Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
)
|
|
],
|
|
),
|
|
Text(
|
|
"ซอย",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Text(
|
|
"ถนน",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Text(
|
|
"จังหวัด",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Text(
|
|
"เขต/อำเภแ",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Text(
|
|
"แขวง/ตำบล",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
Text(
|
|
"รหัสไปรษณีย์",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
height: 32.21,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
SizedBox(
|
|
height: 10,
|
|
),
|
|
InkWell(
|
|
onTap: () {
|
|
showModalBottomSheet<void>(
|
|
context: context,isScrollControlled: true,useSafeArea: true,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(
|
|
top: Radius.circular(16),
|
|
),
|
|
),
|
|
builder: (BuildContext context) {
|
|
return TransferWorldCountry();
|
|
});
|
|
},
|
|
child: Container(
|
|
margin: EdgeInsets.only(bottom: 15),
|
|
width: MediaQuery.of(context).size.width,
|
|
height: 46,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xffad022c),
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"ต่อไป",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
)),
|
|
))
|
|
],
|
|
),
|
|
)
|
|
])),
|
|
);
|
|
}
|
|
}
|
|
|
|
class TransferWorldCountry extends StatefulWidget {
|
|
const TransferWorldCountry({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
State<TransferWorldCountry> createState() => _TransferWorldCountryState();
|
|
}
|
|
|
|
class _TransferWorldCountryState extends State<TransferWorldCountry> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Padding(
|
|
padding: const EdgeInsets.all(20.0),
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Row(
|
|
children: [
|
|
IconButton(
|
|
onPressed: () {
|
|
Navigator.of(context).pop();
|
|
},
|
|
icon: Icon(
|
|
Icons.arrow_back_ios,
|
|
color: Colors.black,
|
|
)),
|
|
Text(
|
|
"เลือกประเทศและภูมิภาค",
|
|
style: TextStyle(
|
|
color: Color(0xff050505),
|
|
fontSize: 20,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
Text(
|
|
"ค้นหาด้วยคำภาษาอังกฤษ",
|
|
style: TextStyle(
|
|
color: Color(0xff65676b),
|
|
fontSize: 16,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
),
|
|
Container(
|
|
child: Row(
|
|
children: [
|
|
Spacer(),
|
|
Icon(
|
|
Icons.search,
|
|
color: Color(0xff65676b),
|
|
),
|
|
SizedBox(
|
|
width: 20,
|
|
)
|
|
],
|
|
),
|
|
height: 48,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xfff2f2f2),
|
|
),
|
|
),
|
|
|
|
],
|
|
),
|
|
),
|
|
Container(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 20),
|
|
child: Row(
|
|
children: [
|
|
Center(
|
|
child: Text(
|
|
"A",
|
|
style: TextStyle(
|
|
color: Color(0xff393939),
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
height: 41,
|
|
width: MediaQuery.of(context).size.width,
|
|
color: Color(0xffd9d9d9),
|
|
),
|
|
Container(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 40),
|
|
child: Row(
|
|
children: [
|
|
Center(
|
|
child: Text(
|
|
"Australia",
|
|
style: TextStyle(
|
|
color: Color(0xff393939),
|
|
fontSize: 15,
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
height: 41,
|
|
width: MediaQuery.of(context).size.width,
|
|
color: Colors.white,
|
|
),
|
|
Spacer(),
|
|
InkWell(
|
|
onTap: () {
|
|
showModalBottomSheet<void>(
|
|
context: context,isScrollControlled: true,useSafeArea: true,
|
|
shape: RoundedRectangleBorder(
|
|
borderRadius: BorderRadius.vertical(
|
|
top: Radius.circular(16),
|
|
),
|
|
),
|
|
builder: (BuildContext context) {
|
|
return TransferWorldDetail();
|
|
});
|
|
},
|
|
child: Container(
|
|
margin: EdgeInsets.only(bottom: 15),
|
|
width: MediaQuery.of(context).size.width,
|
|
height: 46,
|
|
decoration: BoxDecoration(
|
|
borderRadius: BorderRadius.circular(100),
|
|
color: Color(0xffad022c),
|
|
),
|
|
child: Center(
|
|
child: Text(
|
|
"ต่อไป",
|
|
textAlign: TextAlign.center,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 18,
|
|
fontWeight: FontWeight.w300,
|
|
),
|
|
)),
|
|
))
|
|
],
|
|
);
|
|
}
|
|
}
|