immich-app/immich
1
0
Fork 0
mirror of https://github.com/immich-app/immich.git synced 2025-12-21 09:15:44 +03:00
Code Issues Packages Projects Releases 18 Wiki Activity

feat(mobile): improve owner name display in thumbnail tile

Browse Source
This commit is contained in:
idubnori
2025-12-14 22:03:25 +09:00
parent f13a5ba418
commit 9262f69519
1 changed files with 76 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

143
mobile/lib/presentation/widgets/images/thumbnail_tile.widget.dart
View File

@@ -53,73 +53,81 @@ class ThumbnailTile extends ConsumerWidget {
return Stack( return Stack(
children: [ children: [
Container(color: lockSelection ? context.colorScheme.surfaceContainerHighest : assetContainerColor), Container(color: lockSelection ? context.colorScheme.surfaceContainerHighest : assetContainerColor),
AnimatedContainer( LayoutBuilder(
duration: Durations.short4, builder: (context, constraints) {
curve: Curves.decelerate, return AnimatedContainer(
padding: EdgeInsets.all(isSelected || lockSelection ? 6 : 0), duration: Durations.short4,
child: TweenAnimationBuilder<double>( curve: Curves.decelerate,
tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 15.0 : 0.0), padding: EdgeInsets.all(isSelected || lockSelection ? 6 : 0),
duration: Durations.short4, child: TweenAnimationBuilder<double>(
curve: Curves.decelerate, tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 15.0 : 0.0),
builder: (context, value, child) { duration: Durations.short4,
return ClipRRect(borderRadius: BorderRadius.all(Radius.circular(value)), child: child); curve: Curves.decelerate,
}, builder: (context, value, child) {
child: Stack( return ClipRRect(borderRadius: BorderRadius.all(Radius.circular(value)), child: child);
children: [ },
Positioned.fill( child: Stack(
child: Hero( children: [
tag: '${asset?.heroTag ?? ''}_$heroIndex', Positioned.fill(
child: Thumbnail.fromAsset(asset: asset, size: size), child: Hero(
), tag: '${asset?.heroTag ?? ''}_$heroIndex',
child: Thumbnail.fromAsset(asset: asset, size: size),
),
),
if (asset != null)
Align(
alignment: Alignment.topRight,
child: _AssetTypeIcons(asset: asset),
),
if (shouldShowOwnerName)
Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(
right: constraints.maxWidth * 0.03,
left: constraints.maxWidth * 0.3,
bottom: constraints.maxWidth * 0.01,
),
child: _OwnerNameLabel(ownerName: ownerName!),
),
),
if (storageIndicator && asset != null)
switch (asset.storage) {
AssetState.local => const Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.cloud_off_outlined),
),
),
AssetState.remote => const Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.cloud_outlined),
),
),
AssetState.merged => const Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.cloud_done_outlined),
),
),
},
if (asset != null && asset.isFavorite)
const Align(
alignment: Alignment.bottomLeft,
child: Padding(
padding: EdgeInsets.only(left: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.favorite_rounded),
),
),
],
), ),
if (asset != null) ),
Align( );
alignment: Alignment.topRight, },
child: _AssetTypeIcons(asset: asset),
),
if (shouldShowOwnerName)
Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: const EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _OwnerNameLabel(ownerName: ownerName!),
),
),
if (storageIndicator && asset != null)
switch (asset.storage) {
AssetState.local => const Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.cloud_off_outlined),
),
),
AssetState.remote => const Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.cloud_outlined),
),
),
AssetState.merged => const Align(
alignment: Alignment.bottomRight,
child: Padding(
padding: EdgeInsets.only(right: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.cloud_done_outlined),
),
),
},
if (asset != null && asset.isFavorite)
const Align(
alignment: Alignment.bottomLeft,
child: Padding(
padding: EdgeInsets.only(left: 10.0, bottom: 6.0),
child: _TileOverlayIcon(Icons.favorite_rounded),
),
),
],
),
),
), ),
TweenAnimationBuilder<double>( TweenAnimationBuilder<double>(
tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 1.0 : 0.0), tween: Tween<double>(begin: 0.0, end: (isSelected || lockSelection) ? 1.0 : 0.0),
@@ -260,7 +268,8 @@ class _OwnerNameLabel extends StatelessWidget {
fontWeight: FontWeight.w600, fontWeight: FontWeight.w600,
shadows: [Shadow(blurRadius: 5.0, color: Color.fromRGBO(0, 0, 0, 0.6), offset: Offset(0.0, 0.0))], shadows: [Shadow(blurRadius: 5.0, color: Color.fromRGBO(0, 0, 0, 0.6), offset: Offset(0.0, 0.0))],
), ),
overflow: TextOverflow.ellipsis, overflow: TextOverflow.fade,
softWrap: false,
maxLines: 1, maxLines: 1,
), ),
); );