profile not done

src/components/AppView.tsx

@@ -0,0 +1,37 @@
+import React from "react";
+import { StatusBar, StyleSheet, View } from "react-native";
+import { SafeAreaView } from "react-native-safe-area-context";
+
+type AppViewProps = {
+  children: React.ReactNode;
+  backgroundColor?: string;
+  barStyle?: "default" | "light-content" | "dark-content";
+};
+
+export default function AppView({
+  children,
+  backgroundColor = "#f5f5f5",
+  barStyle = "dark-content",
+}: AppViewProps) {
+  return (
+    <SafeAreaView style={[styles.safeArea, { backgroundColor }]}>
+      <StatusBar
+        translucent={false}
+        backgroundColor={backgroundColor}
+        barStyle={barStyle}
+      />
+      <View style={styles.container}>{children}</View>
+    </SafeAreaView>
+  );
+}
+
+const styles = StyleSheet.create({
+  safeArea: {
+    flex: 1,
+  },
+  container: {
+    flex: 1,
+    paddingHorizontal: 16,
+    paddingTop: 8,
+  },
+});