beenull/ente
1
0
Fork 0
Code Issues Pull requests Actions Packages Projects Releases Wiki Activity

Use sliver and sliver appbar in view all of on device section

Browse source
This commit is contained in:
ashilkn 2023-07-18 17:54:49 +05:30
parent 03644ccc90
commit c81bb06a3a
1 changed files with 26 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
lib/ui/collections/device/device_folders_vertical_grid_view.dart
View file

@ -22,12 +22,15 @@ class DeviceFolderVerticalGridView extends StatelessWidget {
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
elevation: 0,
title: appTitle,
),
body: const SafeArea(
child: _DeviceFolderVerticalGridViewBody(),
body: CustomScrollView(
slivers: <Widget>[
SliverAppBar(
elevation: 0,
title: appTitle,
floating: true,
),
const _DeviceFolderVerticalGridViewBody(),
],
),
);
}
@ -101,20 +104,10 @@ class _DeviceFolderVerticalGridViewBodyState
albumsCountInOneRow;
return snapshot.data!.isEmpty
? const EmptyState()
: Padding(
? const SliverFillRemaining(child: EmptyState())
: SliverPadding(
padding: const EdgeInsets.symmetric(horizontal: 8),
child: GridView.builder(
padding: const EdgeInsets.only(top: 8),
shrinkWrap: false,
itemBuilder: (context, index) {
final deviceCollection = snapshot.data![index];
return DeviceFolderItem(
deviceCollection,
sideOfThumbnail: sideOfThumbnail,
);
},
itemCount: snapshot.data!.length,
sliver: SliverGrid(
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
crossAxisCount: albumsCountInOneRow,
mainAxisSpacing: 4,
@ -122,13 +115,25 @@ class _DeviceFolderVerticalGridViewBodyState
childAspectRatio:
sideOfThumbnail / (sideOfThumbnail + 46),
),
delegate: SliverChildBuilderDelegate(
(BuildContext context, int index) {
final deviceCollection = snapshot.data![index];
return DeviceFolderItem(
deviceCollection,
sideOfThumbnail: sideOfThumbnail,
);
},
childCount: snapshot.data!.length,
),
),
);
} else if (snapshot.hasError) {
logger.severe("failed to load device gallery", snapshot.error);
return Text(S.of(context).failedToLoadAlbums);
return SliverFillRemaining(
child: Center(child: Text(S.of(context).failedToLoadAlbums)),
);
} else {
return const EnteLoadingWidget();
return const SliverFillRemaining(child: EnteLoadingWidget());
}
},
);