Update PaymentBody
This commit is contained in:
D Shrat
parent
2d652184c0
commit
3a589d5837
1 changed files with 107 additions and 141 deletions
|
|
@ -1,4 +1,5 @@
|
|||
import 'package:flutter/material.dart';
|
||||
import 'package:nekoya_flutter/screens/transactions.dart';
|
||||
|
||||
class PaymentBody extends StatefulWidget {
|
||||
const PaymentBody({Key? key}) : super(key: key);
|
||||
|
|
@ -11,49 +12,61 @@ class _PaymentBodyState extends State<PaymentBody> {
|
|||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Container(
|
||||
decoration: const BoxDecoration(color: Colors.transparent),
|
||||
child: ListView(
|
||||
scrollDirection: Axis.vertical,
|
||||
shrinkWrap: true,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.only(top: 40, bottom: 30),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
Image.asset(
|
||||
'assets/bca.webp',
|
||||
cacheHeight: 40,
|
||||
cacheWidth: 100,
|
||||
),
|
||||
Image.asset(
|
||||
'assets/bni.webp',
|
||||
cacheHeight: 40,
|
||||
cacheWidth: 100,
|
||||
),
|
||||
Image.asset(
|
||||
'assets/bri.webp',
|
||||
cacheHeight: 40,
|
||||
cacheWidth: 100,
|
||||
),
|
||||
decoration: const BoxDecoration(color: Colors.transparent),
|
||||
child: ListView(
|
||||
scrollDirection: Axis.vertical,
|
||||
shrinkWrap: true,
|
||||
children: [
|
||||
Container(
|
||||
padding: const EdgeInsets.only(top: 40, bottom: 30),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
children: [
|
||||
Image.asset(
|
||||
'assets/bca.webp',
|
||||
cacheHeight: 40,
|
||||
cacheWidth: 100,
|
||||
),
|
||||
Image.asset(
|
||||
'assets/bni.webp',
|
||||
cacheHeight: 40,
|
||||
cacheWidth: 100,
|
||||
),
|
||||
Image.asset(
|
||||
'assets/bri.webp',
|
||||
cacheHeight: 40,
|
||||
cacheWidth: 100,
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: EdgeInsets.only(bottom: 20),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
child: Container(
|
||||
child: ExpansionTile(
|
||||
backgroundColor: Colors.blue,
|
||||
collapsedBackgroundColor: Colors.blue.shade800,
|
||||
textColor: Colors.white,
|
||||
collapsedTextColor: Colors.white,
|
||||
title: const Text('BCA'),
|
||||
children: const [
|
||||
ListTile(
|
||||
textColor: Colors.white,
|
||||
title: Text(
|
||||
'1. Login pada alamat Internet Banking BCA (***) \n2. Pilih menu Pembayaran Tagihan > Pembayaran \n3. Pada Ke Rekening masukkan Rekening perusahaan \n4. Masukkan Jumlah Nominal yang akan ditransfer \n5. Kemudian tekan send. Cetak/simpan stuck Transfer sebagai bukti pembayaran'),
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
ExpansionTile(
|
||||
backgroundColor: Colors.blue,
|
||||
collapsedBackgroundColor: Colors.blue.shade800,
|
||||
textColor: Colors.white,
|
||||
collapsedTextColor: Colors.white,
|
||||
title: const Text('BCA'),
|
||||
children: const [
|
||||
ListTile(
|
||||
textColor: Colors.white,
|
||||
title: Text(
|
||||
'1. Login pada alamat Internet Banking BCA (***) \n2. Pilih menu Pembayaran Tagihan > Pembayaran \n3. Pada Ke Rekening masukkan Rekening perusahaan \n4. Masukkan Jumlah Nominal yang akan ditransfer \n5. Kemudian tekan send. Cetak/simpan stuck Transfer sebagai bukti pembayaran'),
|
||||
)
|
||||
],
|
||||
),
|
||||
ExpansionTile(
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: EdgeInsets.only(bottom: 20),
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
child: ExpansionTile(
|
||||
backgroundColor: Colors.blue,
|
||||
collapsedBackgroundColor: Colors.blue.shade800,
|
||||
textColor: Colors.white,
|
||||
|
|
@ -67,7 +80,12 @@ class _PaymentBodyState extends State<PaymentBody> {
|
|||
)
|
||||
],
|
||||
),
|
||||
ExpansionTile(
|
||||
),
|
||||
),
|
||||
Container(
|
||||
child: ClipRRect(
|
||||
borderRadius: BorderRadius.circular(18),
|
||||
child: ExpansionTile(
|
||||
backgroundColor: Colors.blue,
|
||||
collapsedBackgroundColor: Colors.blue.shade800,
|
||||
textColor: Colors.white,
|
||||
|
|
@ -81,105 +99,53 @@ class _PaymentBodyState extends State<PaymentBody> {
|
|||
)
|
||||
],
|
||||
),
|
||||
])
|
||||
// children: [
|
||||
// Container(
|
||||
// child: Row(
|
||||
// mainAxisAlignment: MainAxisAlignment.spaceEvenly,
|
||||
// children: [
|
||||
// Image.asset(
|
||||
// 'assets/bca.webp',
|
||||
// cacheHeight: 40,
|
||||
// cacheWidth: 100,
|
||||
// ),
|
||||
// Image.asset(
|
||||
// 'assets/bni.webp',
|
||||
// cacheHeight: 40,
|
||||
// cacheWidth: 100,
|
||||
// ),
|
||||
// Image.asset(
|
||||
// 'assets/bri.webp',
|
||||
// cacheHeight: 40,
|
||||
// cacheWidth: 100,
|
||||
// ),
|
||||
// ],
|
||||
// ),
|
||||
// ),
|
||||
// ExpansionTile(
|
||||
// title: Text('data'),
|
||||
// children: [
|
||||
// ListView(
|
||||
// scrollDirection: Axis.vertical,
|
||||
// shrinkWrap: true,
|
||||
// children: [
|
||||
// Container(
|
||||
// child: Text('data'),
|
||||
// )
|
||||
// ],
|
||||
// )
|
||||
// ],
|
||||
// ),
|
||||
// ListView(
|
||||
// scrollDirection: Axis.vertical,
|
||||
// shrinkWrap: true,
|
||||
// children: [
|
||||
// ExpansionTile(
|
||||
// title: Text('data'),
|
||||
// children: [
|
||||
// ListTile(
|
||||
// title: const Text('data'),
|
||||
// )
|
||||
// ],
|
||||
// ),
|
||||
// ],
|
||||
// )
|
||||
// GFAccordion(
|
||||
// titleBorderRadius: BorderRadius.circular(20),
|
||||
// contentBorderRadius: BorderRadius.circular(20),
|
||||
// expandedTitleBackgroundColor: Colors.blue.shade800,
|
||||
// contentBackgroundColor: Colors.blue.shade800,
|
||||
// collapsedTitleBackgroundColor: Colors.blue.shade400,
|
||||
// title: 'BCA',
|
||||
// content:
|
||||
// '1. Login pada alamat Internet Banking BCA (***) \n2. Pilih menu Pembayaran Tagihan > Pembayaran \n3. Pada Ke Rekening masukkan Rekening perusahaan \n4. Masukkan Jumlah Nominal yang akan ditransfer \n5. Kemudian tekan send. Cetak/simpan stuck Transfer sebagai bukti pembayaran',
|
||||
// ),
|
||||
// GFAccordion(
|
||||
// titleBorderRadius: BorderRadius.circular(20),
|
||||
// expandedTitleBackgroundColor: Colors.blue.shade800,
|
||||
// contentBackgroundColor: Colors.blue.shade800,
|
||||
// collapsedTitleBackgroundColor: Colors.blue.shade400,
|
||||
// title: 'BCA',
|
||||
// content:
|
||||
// '1. Login pada alamat Internet Banking BCA (***) \n2. Pilih menu Pembayaran Tagihan > Pembayaran \n3. Pada Ke Rekening masukkan Rekening perusahaan \n4. Masukkan Jumlah Nominal yang akan ditransfer \n5. Kemudian tekan send. Cetak/simpan stuck Transfer sebagai bukti pembayaran',
|
||||
// ),
|
||||
// GFAccordion(
|
||||
// titleBorderRadius: BorderRadius.circular(20),
|
||||
// expandedTitleBackgroundColor: Colors.blue.shade800,
|
||||
// contentBackgroundColor: Colors.blue.shade800,
|
||||
// collapsedTitleBackgroundColor: Colors.blue.shade400,
|
||||
// title: 'BCA',
|
||||
// content:
|
||||
// '1. Login pada alamat Internet Banking BCA (***) \n2. Pilih menu Pembayaran Tagihan > Pembayaran \n3. Pada Ke Rekening masukkan Rekening perusahaan \n4. Masukkan Jumlah Nominal yang akan ditransfer \n5. Kemudian tekan send. Cetak/simpan stuck Transfer sebagai bukti pembayaran',
|
||||
// )
|
||||
// Container(
|
||||
// margin: const EdgeInsets.all(15.0),
|
||||
// child: Card(
|
||||
// color: const Color(0xff1b1c1e),
|
||||
// shape: RoundedRectangleBorder(
|
||||
// borderRadius: BorderRadius.circular(10),
|
||||
// ),
|
||||
// child: ListView.builder(
|
||||
// scrollDirection: Axis.vertical,
|
||||
// shrinkWrap: true,
|
||||
// itemBuilder: (context, index) {
|
||||
// return Container(
|
||||
// child: Text('data'),
|
||||
// )
|
||||
// }
|
||||
// ),
|
||||
// ),
|
||||
// )
|
||||
|
||||
);
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: EdgeInsets.only(top: 40),
|
||||
color: Colors.transparent,
|
||||
),
|
||||
Container(
|
||||
child: Text(
|
||||
'13000000',
|
||||
style: TextStyle(
|
||||
fontSize: 30,
|
||||
color: Colors.white,
|
||||
),
|
||||
textAlign: TextAlign.center,
|
||||
),
|
||||
decoration: BoxDecoration(
|
||||
borderRadius: BorderRadius.circular(0),
|
||||
color: Colors.red.shade800,
|
||||
),
|
||||
),
|
||||
Container(
|
||||
padding: EdgeInsets.only(top: 40),
|
||||
color: Colors.transparent,
|
||||
),
|
||||
Container(
|
||||
child: ElevatedButton(
|
||||
style: ButtonStyle(
|
||||
foregroundColor:
|
||||
MaterialStateProperty.all(Colors.red.shade800),
|
||||
backgroundColor:
|
||||
MaterialStateProperty.all(Colors.red.shade800),
|
||||
shape: MaterialStateProperty.all<RoundedRectangleBorder>(
|
||||
RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(18.0),
|
||||
side: BorderSide(color: Colors.red)))),
|
||||
onPressed: () {
|
||||
Navigator.push(context,
|
||||
MaterialPageRoute(builder: (context) => Transactions()));
|
||||
},
|
||||
child: Text(
|
||||
'Transaction',
|
||||
style: TextStyle(color: Colors.white, fontSize: 25),
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue