fix search not being able to scroll to bottom due to add bottom tab b…

…ar (#5227)
rainbow-me · Dec 7, 2023 · d238aee · d238aee
1 parent 383b969
commit d238aee
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/navigation/SwipeNavigator.js b/src/navigation/SwipeNavigator.js
@@ -64,7 +64,7 @@ const animationConfig = {
 
 const Swipe = createMaterialTopTabNavigator();
 
-const getHeaderHeight = () => {
+export const getHeaderHeight = () => {
   if (IS_IOS) {
     return 82;
   }

diff --git a/src/screens/discover/components/DiscoverSearch.js b/src/screens/discover/components/DiscoverSearch.js
@@ -38,6 +38,7 @@ import {
   getPoapAndOpenSheetWithSecretWord,
 } from '@/utils/poaps';
 import { navigateToMintCollection } from '@/resources/reservoir/mints';
+import { getHeaderHeight } from '@/navigation/SwipeNavigator';
 
 export const SearchContainer = styled(Row)({
   height: '100%',
@@ -61,6 +62,7 @@ export default function DiscoverSearch() {
 
   const { colors } = useTheme();
   const profilesEnabled = useExperimentalFlag(PROFILES);
+  const marginBottom = useMemo(() => getHeaderHeight(), []);
 
   const currencySelectionListRef = useRef();
   const [searchQueryForSearch] = useDebounce(searchQuery, 350);
@@ -277,7 +279,7 @@ export default function DiscoverSearch() {
   return (
     <View
       key={currencyListDataKey}
-      style={{ height: deviceUtils.dimensions.height - 140 }}
+      style={{ height: deviceUtils.dimensions.height - 140 - marginBottom }}
     >
       <SearchContainer>
         <CurrencySelectionList