Skip to content

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

resposive profile page

parent a947689d
Hide whitespace changes
Inline Side-by-side
Showing with 204 additions and 95 deletions
lib/page/profile/profile.dart
View file @ c5766bdc
// ignore_for_file: avoid_unnecessary_containers, sized_box_for_whitespace
import 'package:flutter/material.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/routes.dart';
import 'package:tour_travel_agr/resource/size.dart';
import 'package:tour_travel_agr/resource/style.dart';
......@@ -13,120 +15,227 @@ class ProfileView extends StatelessWidget {
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: ColorManager.backgroundColor,
body: Stack(
children: [
Column(
children: [
Container(
width: double.infinity,
height: 318 + AppPadding.safeAreaTop(context),
margin: EdgeInsets.all(
AppPadding.p8,
),
decoration: BoxDecoration(
color: ColorManager.primary,
borderRadius: BorderRadius.circular(
20,
),
body: ScreenResponsive(
widget: const BodyWidget(),
widthScreen: MediaQuery.of(context).size.width,
),
);
}
}
class BodyWidget extends StatelessWidget {
const BodyWidget({
Key? key,
}) : super(key: key);
@override
Widget build(BuildContext context) {
return Stack(
children: [
Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Container(
width: double.infinity,
height: 318 + AppPadding.safeAreaTop(context),
margin: EdgeInsets.all(
AppPadding.p8,
),
decoration: BoxDecoration(
color: ColorManager.primary,
borderRadius: BorderRadius.circular(
20,
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
margin: EdgeInsets.only(
top: AppMargin.m25,
),
child: Row(
children: [
const Spacer(),
Container(
width: 24,
height: 24,
child: Image(
fit: BoxFit.fill,
image: AssetImage(
Assets.editIcon,
),
),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Container(
margin: EdgeInsets.only(
top: AppMargin.m25,
),
child: Row(
children: [
const Spacer(),
Container(
width: 24,
height: 24,
child: Image(
fit: BoxFit.fill,
image: AssetImage(
Assets.editIcon,
),
),
const SizedBox(
width: 12,
)
],
),
),
Container(
width: 120,
height: 120,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
100,
),
image: DecorationImage(
fit: BoxFit.fill,
image: AssetImage(
Assets.profileSample,
),
const SizedBox(
width: 12,
)
],
),
),
Container(
width: 120,
height: 120,
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(
100,
),
image: DecorationImage(
fit: BoxFit.fill,
image: AssetImage(
Assets.profileSample,
),
),
),
SizedBox(
height: AppMargin.m16,
),
Text(
"Dio Maulana",
style: getSemiBoldStyle(
color: Colors.white,
fontSize: 20,
),
),
SizedBox(
height: AppMargin.m16,
),
Text(
"Dio Maulana",
style: getSemiBoldStyle(
color: Colors.white,
fontSize: 20,
),
SizedBox(
height: AppMargin.m8,
),
SizedBox(
height: AppMargin.m8,
),
Text(
"ID 33040000000000000083",
style: getRegularStyle(
color: Colors.white,
fontSize: 12,
),
Text(
"ID 33040000000000000083",
style: getRegularStyle(
color: Colors.white,
fontSize: 12,
),
const SizedBox(
height: 40,
),
Row(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Image(
width: 20,
height: 20,
image: AssetImage(
Assets.phoneIcon,
),
),
),
const SizedBox(
height: 40,
),
Row(
children: [
Image(
width: 20,
height: 20,
image: AssetImage(
Assets.phoneIcon,
),
Text(
"+62-8127-535-1256",
style: getRegularStyle(
color: Colors.white,
),
Text(
"+62-8127-535-1256",
style: getRegularStyle(
color: Colors.white,
),
)
],
)
],
)
],
)
],
),
),
GestureDetector(
onTap: () {
Navigator.pop(context);
},
child: Container(
padding: EdgeInsets.symmetric(
horizontal: AppPadding.p20,
),
margin: EdgeInsets.only(
top: AppMargin.m6,
),
child: const Icon(Icons.arrow_back),
),
],
),
GestureDetector(
onTap: () {
Navigator.pushNamed(
context,
Routes.changePasswordRoute,
);
},
child: PorfileButton(
marginTop: 10,
icon: Assets.passwordIcon,
text: "Ganti Password",
),
),
PorfileButton(
marginTop: 16,
icon: Assets.logoutGreyIcon,
text: "Log Out",
),
],
),
Positioned(
left: 0,
top: 0,
child: Container(
child: Image(
image: AssetImage(
Assets.elipse,
),
),
),
Positioned(
left: 0,
top: 0,
child: Container(
)
],
);
}
}
class PorfileButton extends StatelessWidget {
const PorfileButton({
Key? key,
required this.marginTop,
required this.text,
required this.icon,
}) : super(key: key);
final double marginTop;
final String text;
final String icon;
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.symmetric(
horizontal: AppPadding.p20,
),
margin: EdgeInsets.only(
top: marginTop,
),
child: Container(
width: double.infinity,
height: 50,
padding: EdgeInsets.symmetric(
horizontal: AppPadding.p20,
vertical: AppPadding.p15,
),
decoration: BoxDecoration(
borderRadius: BorderRadius.circular(8),
color: const Color.fromARGB(255, 228, 225, 225),
),
child: Row(
children: [
Container(
width: 16,
height: 20,
child: Image(
fit: BoxFit.fill,
image: AssetImage(
Assets.elipse,
icon,
),
),
),
)
],
SizedBox(
width: AppMargin.m18,
),
Text(
text,
style: getRegularStyle(
color: Colors.black,
),
)
],
),
),
);
}
......
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