101 lines
3.3 KiB
Dart
101 lines
3.3 KiB
Dart
import 'package:auto_route/auto_route.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:line_icons/line_icons.dart';
|
|
|
|
import '../../../common/theme/theme.dart';
|
|
import '../../components/button/button.dart';
|
|
import '../../components/spacer/spacer.dart';
|
|
import 'widgets/account_info.dart';
|
|
import 'widgets/app_setting.dart';
|
|
import 'widgets/business_setting.dart';
|
|
import 'widgets/danger_zone.dart';
|
|
import 'widgets/header.dart';
|
|
import 'widgets/support.dart';
|
|
|
|
@RoutePage()
|
|
class ProfilePage extends StatefulWidget {
|
|
const ProfilePage({super.key});
|
|
|
|
@override
|
|
State<ProfilePage> createState() => _ProfilePageState();
|
|
}
|
|
|
|
class _ProfilePageState extends State<ProfilePage> {
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Scaffold(
|
|
backgroundColor: AppColor.background,
|
|
body: CustomScrollView(
|
|
slivers: [
|
|
SliverAppBar(
|
|
backgroundColor: AppColor.primary,
|
|
elevation: 0,
|
|
pinned: true,
|
|
expandedHeight: 264.0,
|
|
flexibleSpace: LayoutBuilder(
|
|
builder: (BuildContext context, BoxConstraints constraints) {
|
|
// Calculate the collapse ratio
|
|
final double top = constraints.biggest.height;
|
|
final double collapsedHeight =
|
|
MediaQuery.of(context).padding.top + kToolbarHeight;
|
|
final double expandedHeight = 264.0;
|
|
final double shrinkRatio =
|
|
((expandedHeight - top) /
|
|
(expandedHeight - collapsedHeight))
|
|
.clamp(0.0, 1.0);
|
|
|
|
return FlexibleSpaceBar(
|
|
background: ProfileHeader(),
|
|
titlePadding: const EdgeInsets.only(
|
|
left: 20,
|
|
right: 12,
|
|
bottom: 16,
|
|
),
|
|
title: Opacity(
|
|
opacity: shrinkRatio,
|
|
child: Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
children: [
|
|
Text(
|
|
'Profile',
|
|
style: AppStyle.xl.copyWith(
|
|
fontWeight: FontWeight.w700,
|
|
fontSize: 18,
|
|
letterSpacing: -0.5,
|
|
color: AppColor.white,
|
|
),
|
|
),
|
|
ActionIconButton(
|
|
onTap: () {},
|
|
icon: LineIcons.userEdit,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
},
|
|
),
|
|
),
|
|
SliverToBoxAdapter(
|
|
child: Column(
|
|
children: [
|
|
const SpaceHeight(20),
|
|
ProfileAccountInfo(),
|
|
const SpaceHeight(12),
|
|
ProfileBusinessSetting(),
|
|
const SpaceHeight(12),
|
|
ProfileAppSetting(),
|
|
const SpaceHeight(12),
|
|
ProfileSupport(),
|
|
const SpaceHeight(12),
|
|
ProfileDangerZone(),
|
|
const SpaceHeight(30),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|