feat(ui): add shadow to back arrow on plant details screen for better…

… visibility (#291)
MDeLuise · Aug 22, 2024 · f5d03a1 · f5d03a1
1 parent c5ce211
commit f5d03a1
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/frontend/lib/plant_details/plant_details_page.dart b/frontend/lib/plant_details/plant_details_page.dart
@@ -106,6 +106,16 @@ class _PlantDetailsPageState extends State<PlantDetailsPage> {
                 (BuildContext context, bool innerBoxIsScrolled) {
               return <Widget>[
                 SliverAppBar(
+                  iconTheme: const IconThemeData(
+                    shadows: [
+                      BoxShadow(
+                        color: Colors.black,
+                        spreadRadius: 10,
+                        blurRadius: 10,
+                        offset: Offset(0, 3),
+                      ),
+                    ],
+                  ),
                   pinned: true,
                   stretch: true,
                   expandedHeight: MediaQuery.of(context).size.height * .5,

diff --git a/frontend/lib/search/species_details_page.dart b/frontend/lib/search/species_details_page.dart
@@ -38,6 +38,16 @@ class _SpeciesDetailsPageState extends State<SpeciesDetailsPage> {
                 (BuildContext context, bool innerBoxIsScrolled) {
               return <Widget>[
                 SliverAppBar(
+                  iconTheme: const IconThemeData(
+                    shadows: [
+                      BoxShadow(
+                        color: Colors.black,
+                        spreadRadius: 10,
+                        blurRadius: 10,
+                        offset: Offset(0, 3),
+                      ),
+                    ],
+                  ),
                   pinned: true,
                   stretch: true,
                   expandedHeight: MediaQuery.of(context).size.height * .5,