lineargradient add

src/components/Background.js

@@ -0,0 +1,28 @@
+// src/components/Background.js
+
+import React from 'react';
+import { StyleSheet, SafeAreaView, StatusBar } from 'react-native';
+import LinearGradient from 'react-native-linear-gradient';
+
+const Background = ({ children, barcolor = 'light-content', gradientColors = ['#4c669f', '#3b5998', '#192f6a'] }) => {
+  return (
+    <SafeAreaView style={styles.container}>
+      <StatusBar barStyle={barcolor} backgroundColor="transparent" translucent />
+      <LinearGradient colors={gradientColors} style={styles.gradient}>
+        {children}
+      </LinearGradient>
+    </SafeAreaView>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+  gradient: {
+    flex: 1,
+    paddingHorizontal: 16, // optional padding
+  },
+});
+
+export default Background;