Fix #2498 - black space appearing while loading taxon details (#2553)

inaturalist · Dec 18, 2024 · 741ee90 · 741ee90
1 parent 185e2a2
commit 741ee90
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/components/TaxonDetails/TaxonDetails.js b/src/components/TaxonDetails/TaxonDetails.js
@@ -56,7 +56,8 @@ import Taxonomy from "./Taxonomy";
 import Wikipedia from "./Wikipedia";
 
 const SCROLL_VIEW_STYLE = {
-  backgroundColor: colors.white
+  backgroundColor: colors.white,
+  flexGrow: 1
 };
 
 const logger = log.extend( "TaxonDetails" );
@@ -228,7 +229,7 @@ const TaxonDetails = ( ): Node => {
 
   const displayTaxonDetails = ( ) => {
     if ( isLoading ) {
-      return <View className="m-3 flex-1 h-full"><ActivityIndicator /></View>;
+      return <View className="m-3 flex-1 h-full justify-center"><ActivityIndicator /></View>;
     }
 
     if ( error?.message?.match( /Network request failed/ ) ) {
@@ -374,7 +375,7 @@ const TaxonDetails = ( ): Node => {
           hideNavButtons={hideNavButtons}
           taxonId={taxon?.id}
         />
-        <View className="flex-1 h-full bg-black -mt-[64px]">
+        <View className="flex flex-1 flex-grow bg-black -mt-[64px]">
           <View className="w-full h-[420px] shrink-1">
             {displayTaxonMedia()}
             <View