Skip to content

T
Tour Travel Agency AGR
Commit 452f66ea authored by Dio Maulana's avatar Dio Maulana
Browse files
Options

responsive

parent 8e8651a1
Show whitespace changes
Inline Side-by-side
Showing with 62 additions and 141 deletions
lib/page/reimbursement/reimbursement.dart
View file @ 452f66ea
import 'package:flutter/material.dart';
import 'package:tour_travel_agr/helper/components_widget/custom_appbar.dart';
import 'package:tour_travel_agr/helper/components_widget/transaction_list.dart';
import 'package:tour_travel_agr/helper/widget_responsive.dart';
import 'package:tour_travel_agr/resource/assets.dart';
import 'package:tour_travel_agr/resource/colors.dart';
import 'package:tour_travel_agr/resource/font.dart';
......@@ -13,7 +15,22 @@ class ReimbursementView extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: ColorManager.backgroundColor,
body: Container(
body: ScreenResponsive(
widget: const BodyWidget(),
widthScreen: MediaQuery.of(context).size.width,
),
);
}
}
class BodyWidget extends StatelessWidget {
const BodyWidget({
super.key,
});
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.only(
top: AppPadding.safeAreaTop(context),
left: AppPadding.p20,
......@@ -23,16 +40,25 @@ class ReimbursementView extends StatelessWidget {
child: Column(
children: [
const CustomAppBar(text: "Reimbursement"),
Column(
mainAxisSize: MainAxisSize.max,
children: [
Container(
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
5,
),
border: Border.all(
color: ColorManager.grey.withOpacity(
0.25,
),
),
),
margin: EdgeInsets.only(
top: AppMargin.m16,
),
padding: EdgeInsets.only(
left: AppPadding.p20,
padding: EdgeInsets.symmetric(
horizontal: AppPadding.p20,
vertical: AppPadding.p9,
),
child: Center(
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
......@@ -51,7 +77,6 @@ class ReimbursementView extends StatelessWidget {
],
),
),
],
),
const SizedBox(
height: 12,
......@@ -61,118 +86,14 @@ class ReimbursementView extends StatelessWidget {
padding: EdgeInsets.zero,
itemCount: 10,
itemBuilder: (c, index) {
return const ListTransaction();
},
),
),
],
),
),
return const ListTransaction(
date: "24 Maret 2023",
title: "15 Transaksi",
subtitle: "Rp 320.000",
);
}
}
class ListTransaction extends StatelessWidget {
const ListTransaction({
super.key,
});
@override
Widget build(BuildContext context) {
return Container(
margin: const EdgeInsets.only(
bottom: 12,
),
padding: EdgeInsets.all(
AppPadding.p12,
),
height: 102,
width: double.infinity,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
12,
),
border: Border.all(
width: 0.5,
color: Colors.grey.withOpacity(
0.25,
),
),
color: Colors.white,
boxShadow: [
BoxShadow(
color: Colors.grey.withOpacity(0.3),
blurRadius: 2,
offset: const Offset(5, 5),
),
],
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
children: [
const Spacer(),
Text(
"24 Maret 2023",
style: getRegularStyle(
color: ColorManager.grey,
fontFamily: FontConstants.openSans,
fontSize: FontSize.s12,
),
)
],
),
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
width: 40,
height: 40,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
100,
),
color: ColorManager.pink,
),
child: Center(
child: Image(
width: 20,
height: 20,
image: AssetImage(
Assets.transactionIcon,
),
),
),
),
Container(
margin: EdgeInsets.only(
left: AppMargin.m16,
),
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Text(
"15 Transaksi",
style: getBoldStyle(
color: Colors.black,
fontFamily: FontConstants.mulish,
fontSize: 18,
),
),
Text(
"Rp 320.000",
style: getSemiBoldStyle(
color: ColorManager.primary,
fontFamily: FontConstants.openSans,
),
},
),
],
),
)
],
)
],
),
);
......
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