aboutsummaryrefslogtreecommitdiffstats
path: root/apps/mobile/components/ui/CustomSafeAreaView.tsx
diff options
context:
space:
mode:
authorMohamedBassem <me@mbassem.com>2024-10-31 09:01:33 +0000
committerMohamedBassem <me@mbassem.com>2024-10-31 09:01:33 +0000
commit2efc7c8c01866fafad5322fb8783d94821e32ff1 (patch)
tree82a4f7371f98205dd6f8ed1c050824b8a8bd8ac8 /apps/mobile/components/ui/CustomSafeAreaView.tsx
parent4c94b372007b742c016d2e32c7ba5969f9f3c8a1 (diff)
downloadkarakeep-2efc7c8c01866fafad5322fb8783d94821e32ff1.tar.zst
fix(mobile): Fix bookmarkview page on android not showing bookmark actions. Fixes #603
Diffstat (limited to '')
-rw-r--r--apps/mobile/components/ui/CustomSafeAreaView.tsx5
1 files changed, 4 insertions, 1 deletions
diff --git a/apps/mobile/components/ui/CustomSafeAreaView.tsx b/apps/mobile/components/ui/CustomSafeAreaView.tsx
index c97dfe72..fdf6520d 100644
--- a/apps/mobile/components/ui/CustomSafeAreaView.tsx
+++ b/apps/mobile/components/ui/CustomSafeAreaView.tsx
@@ -4,8 +4,10 @@ import { useHeaderHeight } from "@react-navigation/elements";
export default function CustomSafeAreaView({
children,
+ edges = ["top", "bottom"],
}: {
children: React.ReactNode;
+ edges?: ("top" | "bottom")[];
}) {
const insets = useSafeAreaInsets();
const headerHeight = useHeaderHeight();
@@ -15,11 +17,12 @@ export default function CustomSafeAreaView({
style={{
paddingTop:
// Some ugly hacks to make the app look the same on both android and ios
- Platform.OS == "android"
+ Platform.OS == "android" && edges.includes("top")
? headerHeight > 0
? headerHeight
: insets.top
: undefined,
+ paddingBottom: edges.includes("bottom") ? insets.bottom : undefined,
}}
>
{children}