Skip to content

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

responsive

parent 8e8651a1
Hide 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:flutter/material.dart';
import 'package:tour_travel_agr/helper/components_widget/custom_appbar.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/assets.dart';
import 'package:tour_travel_agr/resource/colors.dart'; import 'package:tour_travel_agr/resource/colors.dart';
import 'package:tour_travel_agr/resource/font.dart'; import 'package:tour_travel_agr/resource/font.dart';
...@@ -13,166 +15,85 @@ class ReimbursementView extends StatelessWidget { ...@@ -13,166 +15,85 @@ class ReimbursementView extends StatelessWidget {
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Scaffold( return Scaffold(
backgroundColor: ColorManager.backgroundColor, backgroundColor: ColorManager.backgroundColor,
body: Container( body: ScreenResponsive(
padding: EdgeInsets.only( widget: const BodyWidget(),
top: AppPadding.safeAreaTop(context), widthScreen: MediaQuery.of(context).size.width,
left: AppPadding.p20,
right: AppPadding.p20,
bottom: AppPadding.safeAreaBot(context),
),
child: Column(
children: [
const CustomAppBar(text: "Reimbursement"),
Column(
mainAxisSize: MainAxisSize.max,
children: [
Container(
margin: EdgeInsets.only(
top: AppMargin.m16,
),
padding: EdgeInsets.only(
left: AppPadding.p20,
),
child: Row(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"24 Maret 2023",
style: getSemiBoldStyle(
color: Colors.black,
fontFamily: FontConstants.openSans,
),
),
Image(
image: AssetImage(
Assets.calenderIcon,
),
)
],
),
),
],
),
const SizedBox(
height: 12,
),
Expanded(
child: ListView.builder(
padding: EdgeInsets.zero,
itemCount: 10,
itemBuilder: (c, index) {
return const ListTransaction();
},
),
),
],
),
), ),
); );
} }
} }
class ListTransaction extends StatelessWidget { class BodyWidget extends StatelessWidget {
const ListTransaction({ const BodyWidget({
super.key, super.key,
}); });
@override @override
Widget build(BuildContext context) { Widget build(BuildContext context) {
return Container( return Container(
margin: const EdgeInsets.only( padding: EdgeInsets.only(
bottom: 12, top: AppPadding.safeAreaTop(context),
), left: AppPadding.p20,
padding: EdgeInsets.all( right: AppPadding.p20,
AppPadding.p12, bottom: AppPadding.safeAreaBot(context),
),
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( child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Row( const CustomAppBar(text: "Reimbursement"),
children: [ Container(
const Spacer(), decoration: BoxDecoration(
Text( borderRadius: BorderRadius.circular(
"24 Maret 2023", 5,
style: getRegularStyle( ),
color: ColorManager.grey, border: Border.all(
fontFamily: FontConstants.openSans, color: ColorManager.grey.withOpacity(
fontSize: FontSize.s12, 0.25,
), ),
) ),
], ),
), margin: EdgeInsets.only(
Row( top: AppMargin.m16,
crossAxisAlignment: CrossAxisAlignment.center, ),
children: [ padding: EdgeInsets.symmetric(
Container( horizontal: AppPadding.p20,
width: 40, vertical: AppPadding.p9,
height: 40, ),
decoration: BoxDecoration( child: Center(
borderRadius: BorderRadius.circular( child: Row(
100, mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Text(
"24 Maret 2023",
style: getSemiBoldStyle(
color: Colors.black,
fontFamily: FontConstants.openSans,
),
), ),
color: ColorManager.pink, Image(
),
child: Center(
child: Image(
width: 20,
height: 20,
image: AssetImage( image: AssetImage(
Assets.transactionIcon, Assets.calenderIcon,
), ),
), )
), ],
), ),
Container( ),
margin: EdgeInsets.only( ),
left: AppMargin.m16, const SizedBox(
), height: 12,
child: Column( ),
mainAxisAlignment: MainAxisAlignment.spaceBetween, Expanded(
crossAxisAlignment: CrossAxisAlignment.start, child: ListView.builder(
children: [ padding: EdgeInsets.zero,
Text( itemCount: 10,
"15 Transaksi", itemBuilder: (c, index) {
style: getBoldStyle( return const ListTransaction(
color: Colors.black, date: "24 Maret 2023",
fontFamily: FontConstants.mulish, title: "15 Transaksi",
fontSize: 18, subtitle: "Rp 320.000",
), );
), },
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