Skip to content

Commit

Permalink
Add SafeAreaView from react-native-safe-area-context.
Browse files Browse the repository at this point in the history
jg210 committed Mar 7, 2024
1 parent 416478e commit 31a1907
Showing 3 changed files with 17 additions and 5 deletions.
7 changes: 4 additions & 3 deletions App.tsx
Original file line number Diff line number Diff line change
@@ -1,6 +1,7 @@
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
import { Suspense } from "react";
import { StyleSheet, Text, View } from "react-native";
import { StyleSheet, Text } from "react-native";
import { SafeAreaView } from "react-native-safe-area-context";

import { Authorities } from "./src/Authorities";

@@ -12,9 +13,9 @@ export default function App() {
return (
<Suspense fallback={<Fallback />}>
<QueryClientProvider client={queryClient}>
<View style={styles.container}>
<SafeAreaView style={styles.container}>
<Authorities />
</View>
</SafeAreaView>
</QueryClientProvider>
</Suspense>
);
12 changes: 11 additions & 1 deletion package-lock.json

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

3 changes: 2 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
@@ -15,7 +15,8 @@
"expo": "50.0.11",
"expo-status-bar": "1.11.1",
"react": "18.2.0",
"react-native": "0.73.4"
"react-native": "0.73.4",
"react-native-safe-area-context": "4.8.2"
},
"devDependencies": {
"@babel/core": "7.24.0",

0 comments on commit 31a1907

Please sign in to comment.