mirror of https://github.com/flutter/samples.git
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
78 lines
2.3 KiB
78 lines
2.3 KiB
// Copyright 2024 The Flutter team. All rights reserved.
|
|
// Use of this source code is governed by a BSD-style license that can be
|
|
// found in the LICENSE file.
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:google_fonts/google_fonts.dart';
|
|
import 'package:provider/provider.dart';
|
|
|
|
import '../../auth/logout/view_models/logout_viewmodel.dart';
|
|
import '../../auth/logout/widgets/logout_button.dart';
|
|
import '../../core/localization/applocalization.dart';
|
|
import '../../core/themes/dimens.dart';
|
|
import '../view_models/home_viewmodel.dart';
|
|
|
|
class HomeHeader extends StatelessWidget {
|
|
const HomeHeader({super.key, required this.viewModel});
|
|
|
|
final HomeViewModel viewModel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final user = viewModel.user;
|
|
if (user == null) {
|
|
return const SizedBox();
|
|
}
|
|
return Column(
|
|
crossAxisAlignment: CrossAxisAlignment.stretch,
|
|
children: [
|
|
Row(
|
|
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
ClipOval(
|
|
child: Image.asset(
|
|
user.picture,
|
|
width: Dimens.of(context).profilePictureSize,
|
|
height: Dimens.of(context).profilePictureSize,
|
|
),
|
|
),
|
|
LogoutButton(
|
|
viewModel: LogoutViewModel(
|
|
authRepository: context.read(),
|
|
itineraryConfigRepository: context.read(),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
const SizedBox(height: Dimens.paddingVertical),
|
|
_Title(text: AppLocalization.of(context).nameTrips(user.name)),
|
|
],
|
|
);
|
|
}
|
|
}
|
|
|
|
class _Title extends StatelessWidget {
|
|
const _Title({required this.text});
|
|
|
|
final String text;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ShaderMask(
|
|
blendMode: BlendMode.srcIn,
|
|
shaderCallback: (bounds) => RadialGradient(
|
|
center: Alignment.bottomLeft,
|
|
radius: 2,
|
|
colors: [Colors.purple.shade700, Colors.purple.shade400],
|
|
).createShader(Rect.fromLTWH(0, 0, bounds.width, bounds.height)),
|
|
child: Text(
|
|
text,
|
|
style: GoogleFonts.rubik(
|
|
textStyle: Theme.of(context).textTheme.headlineLarge,
|
|
),
|
|
),
|
|
);
|
|
}
|
|
}
|