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.
97 lines
2.9 KiB
97 lines
2.9 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:cached_network_image/cached_network_image.dart';
|
|
import 'package:flutter/material.dart';
|
|
|
|
import '../../../domain/models/activity/activity.dart';
|
|
import '../../../utils/image_error_listener.dart';
|
|
import '../../core/themes/dimens.dart';
|
|
import '../view_models/booking_viewmodel.dart';
|
|
import 'booking_header.dart';
|
|
|
|
class BookingBody extends StatelessWidget {
|
|
const BookingBody({super.key, required this.viewModel});
|
|
|
|
final BookingViewModel viewModel;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ListenableBuilder(
|
|
listenable: viewModel,
|
|
builder: (context, _) {
|
|
final booking = viewModel.booking;
|
|
if (booking == null) return const SizedBox();
|
|
return CustomScrollView(
|
|
slivers: [
|
|
SliverToBoxAdapter(child: BookingHeader(booking: booking)),
|
|
SliverList(
|
|
delegate: SliverChildBuilderDelegate((context, index) {
|
|
final activity = booking.activity[index];
|
|
return _Activity(activity: activity);
|
|
}, childCount: booking.activity.length),
|
|
),
|
|
const SliverToBoxAdapter(child: SizedBox(height: 200)),
|
|
],
|
|
);
|
|
},
|
|
);
|
|
}
|
|
}
|
|
|
|
class _Activity extends StatelessWidget {
|
|
const _Activity({required this.activity});
|
|
|
|
final Activity activity;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return Padding(
|
|
padding: EdgeInsets.only(
|
|
top: Dimens.paddingVertical,
|
|
left: Dimens.of(context).paddingScreenHorizontal,
|
|
right: Dimens.of(context).paddingScreenHorizontal,
|
|
),
|
|
child: Row(
|
|
children: [
|
|
ClipRRect(
|
|
borderRadius: BorderRadius.circular(8),
|
|
child: CachedNetworkImage(
|
|
imageUrl: activity.imageUrl,
|
|
height: 80,
|
|
width: 80,
|
|
errorListener: imageErrorListener,
|
|
),
|
|
),
|
|
const SizedBox(width: 20),
|
|
Expanded(
|
|
child: Column(
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
mainAxisAlignment: MainAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
activity.timeOfDay.name.toUpperCase(),
|
|
style: Theme.of(context).textTheme.labelSmall,
|
|
),
|
|
Text(
|
|
activity.name,
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Theme.of(context).textTheme.bodyMedium,
|
|
),
|
|
Text(
|
|
activity.description,
|
|
maxLines: 2,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: Theme.of(context).textTheme.bodySmall,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|