divider between lists in list mode

apoleon33 · Jan 5, 2024 · be86313 · be86313
1 parent 32053e3
commit be86313
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 29 deletions.
diff --git a/lib/albumCard/display_as_card.dart b/lib/albumCard/display_as_card.dart
@@ -13,9 +13,10 @@ class DisplayAlbumAsCard extends DisplayAlbum {
 
   @override
   Widget displayAlbum(BuildContext context) {
-    return AnimatedSwitcher(
-        duration: const Duration(milliseconds: 250),
-        child: Center(
+    return Column(
+      children: [
+        const SizedBox(height: 16),
+        Center(
           child: SizedBox(
               width: MediaQuery.of(context).size.width - 32,
               height: MediaQuery.of(context).size.height / 2,
@@ -161,6 +162,8 @@ class DisplayAlbumAsCard extends DisplayAlbum {
                           ))
                     ],
                   ))),
-        ));
+        ),
+      ],
+    );
   }
 }
diff --git a/lib/albumCard/display_as_list.dart b/lib/albumCard/display_as_list.dart
@@ -10,29 +10,34 @@ class DisplayAsList extends DisplayAlbum {
 
   @override
   Widget displayAlbum(BuildContext context) {
-    return ListTile(
-      leading: album.cover == 'assets/default.png'
-          ? Image.asset(
-              album.cover,
-              fit: BoxFit.fitWidth,
-            )
-          : Image.network(
-              album.cover,
-              fit: BoxFit.fitWidth,
-            ),
-      title: Text(album.name),
-      subtitle: Text(album.artist),
-      trailing: Text(
-        (dateIsToday(date))
-            ? "today"
-            : (dateIsYesterday(date))
-                ? "yesterday"
-                : "${date.day}/${date.month}/${date.year}",
-        style: Theme.of(context).textTheme.labelSmall,
-        textAlign: TextAlign.right,
-      ),
-      style: ListTileStyle.list,
-      isThreeLine: true,
+    return Column(
+      children: [
+        ListTile(
+          leading: album.cover == 'assets/default.png'
+              ? Image.asset(
+                  album.cover,
+                  fit: BoxFit.fitWidth,
+                )
+              : Image.network(
+                  album.cover,
+                  fit: BoxFit.fitWidth,
+                ),
+          title: Text(album.name),
+          subtitle: Text(album.artist),
+          trailing: Text(
+            (dateIsToday(date))
+                ? "today"
+                : (dateIsYesterday(date))
+                    ? "yesterday"
+                    : "${date.day}/${date.month}/${date.year}",
+            style: Theme.of(context).textTheme.labelSmall,
+            textAlign: TextAlign.right,
+          ),
+          style: ListTileStyle.list,
+          isThreeLine: true,
+        ),
+        const Divider(indent: 16.0, endIndent: 16.0)
+      ],
     );
   }
 }
diff --git a/lib/route/home.dart b/lib/route/home.dart
@@ -43,7 +43,6 @@ class _MyHomePageState extends State<MyHomePage> {
     // than having to individually change instances of widgets.
     DateTime timeNow = DateTime.now();
     List<Widget> albumCards = [
-      const SizedBox(height: 16),
       AlbumCard(date: timeNow, isCard: isCard),
     ];
 
@@ -64,7 +63,6 @@ class _MyHomePageState extends State<MyHomePage> {
 
     while (date.isAfter(deadline)) {
       date = DateTime(date.year, date.month, date.day - 1);
-      albumCards.add(const SizedBox(height: 13));
       albumCards.add(AlbumCard(
         date: date,
         isCard: isCard,