You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
81 lines
2.3 KiB
Dart
81 lines
2.3 KiB
Dart
import 'package:matrix/matrix.dart';
|
|
import 'package:flutter/foundation.dart';
|
|
import 'package:flutter/material.dart';
|
|
import 'package:cached_network_image/cached_network_image.dart';
|
|
|
|
import 'matrix.dart';
|
|
|
|
class ContentBanner extends StatelessWidget {
|
|
final Uri mxContent;
|
|
final double height;
|
|
final IconData defaultIcon;
|
|
final bool loading;
|
|
final Function onEdit;
|
|
final Client client;
|
|
final double opacity;
|
|
|
|
const ContentBanner(this.mxContent,
|
|
{this.height = 400,
|
|
this.defaultIcon = Icons.people_outline,
|
|
this.loading = false,
|
|
this.onEdit,
|
|
this.client,
|
|
this.opacity = 0.75,
|
|
Key key})
|
|
: super(key: key);
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final mediaQuery = MediaQuery.of(context);
|
|
final bannerSize =
|
|
(mediaQuery.size.width * mediaQuery.devicePixelRatio).toInt();
|
|
final src = mxContent?.getThumbnail(
|
|
client ?? Matrix.of(context).client,
|
|
width: bannerSize,
|
|
height: bannerSize,
|
|
method: ThumbnailMethod.scale,
|
|
animated: true,
|
|
);
|
|
return Container(
|
|
height: height,
|
|
alignment: Alignment.center,
|
|
decoration: BoxDecoration(
|
|
color: Theme.of(context).secondaryHeaderColor,
|
|
),
|
|
child: Stack(
|
|
children: <Widget>[
|
|
Positioned(
|
|
left: 0,
|
|
right: 0,
|
|
top: 0,
|
|
bottom: 0,
|
|
child: Opacity(
|
|
opacity: opacity,
|
|
child:
|
|
(!loading && mxContent != null && mxContent.host.isNotEmpty)
|
|
? CachedNetworkImage(
|
|
imageUrl: src.toString(),
|
|
height: 300,
|
|
fit: BoxFit.cover,
|
|
)
|
|
: Icon(defaultIcon, size: 200),
|
|
),
|
|
),
|
|
if (onEdit != null)
|
|
Container(
|
|
margin: EdgeInsets.all(8),
|
|
alignment: Alignment.bottomRight,
|
|
child: FloatingActionButton(
|
|
mini: true,
|
|
onPressed: onEdit,
|
|
backgroundColor: Theme.of(context).backgroundColor,
|
|
foregroundColor: Theme.of(context).textTheme.bodyText1.color,
|
|
child: Icon(Icons.camera_alt_outlined),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|