movie-web/native-app
1
0
Fork 0
mirror of https://github.com/movie-web/native-app.git synced 2025-09-13 18:13:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: settings sheet eating into notch (but now there's some leftover ugly bar that didn't move)

Browse Source
This commit is contained in:
Adrian Castro
2024-03-20 13:55:37 +01:00
parent e3d252708d
commit 9c232fd838
2 changed files with 22 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/expo/app.config.ts
View File

@@ -42,7 +42,7 @@ const defineConfig = (): ExpoConfig => ({
[ [
"expo-screen-orientation", "expo-screen-orientation",
{ {
initialOrientation: "PORTRAIT_UP", initialOrientation: "ALL",
}, },
], ],
[ [

5
apps/expo/src/components/player/settings/Sheet.tsx
View File

@@ -1,4 +1,5 @@
import type { SheetProps, ViewProps } from "tamagui"; import type { SheetProps, ViewProps } from "tamagui";
import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
import { import {
ScrollView, ScrollView,
Separator, Separator,
@@ -52,6 +53,8 @@ function SettingsSheetFrame({
isLoading?: boolean; isLoading?: boolean;
}) { }) {
return ( return (
<SafeAreaProvider>
<SafeAreaView style={{ flex: 1 }}>
<Sheet.Frame <Sheet.Frame
backgroundColor="$playerSettingsBackground" backgroundColor="$playerSettingsBackground"
padding="$5" padding="$5"
@@ -68,6 +71,8 @@ function SettingsSheetFrame({
)} )}
{!isLoading && children} {!isLoading && children}
</Sheet.Frame> </Sheet.Frame>
</SafeAreaView>
</SafeAreaProvider>
); );
} }