button component working, the design is not perfect

LeftOvers/App.js

@@ -1,24 +1,14 @@
 import { StatusBar } from 'expo-status-bar';
 import React from 'react';
-import { StyleSheet, Text, View, Alert } from 'react-native';
+import { StyleSheet, Text, View} from 'react-native';
-import CustomButton from './components/CustomButton';
 
 export default function App() {
 
-  const handleButtonPress = () => {
-    console.log("test 1");
-  };
-
-  const handleButtonPress2 = () => {
-    console.log("test 2");
-  };
 
   return (
     <View style={styles.container}>
       <Text>Ceci va etre la page qui charge le splashScreen</Text>
       <StatusBar style="auto" />
-      <CustomButton title="Appuyez-moi" onPress={handleButtonPress} />
-      <CustomButton title="Autre test" onPress={handleButtonPress2} />
     </View>
   );
 }

LeftOvers/components/CustomButton.tsx

@@ -1,14 +1,12 @@
 import React from 'react';
-import { Button, View } from 'react-native';
+import {StyleSheet,Pressable, Text, Image} from 'react-native';
+
 
 export default function CustomButton(props) {
     return (
-        <View style={styles.View}>
+    <Pressable style={styles.button} >
-            <Button
+      <Text style={styles.text}>{props.title}</Text>
-                title={props.title}
+    </Pressable>
-                onPress={props.onPress}
-            />
-        </View>
     );
 }
 
@@ -20,9 +18,11 @@ const styles = StyleSheet.create({
     paddingHorizontal: 32,
     borderRadius: 4,
     elevation: 3,
-      backgroundColor: 'black',
+    backgroundColor: 'rgba(0, 0, 0, 0.7)',
   },
   text: {
+    width: '100%', // L'image prend toute la largeur du conteneur
+    height: '100%',
     fontSize: 16,
     lineHeight: 21,
     fontWeight: 'bold',
@@ -30,3 +30,4 @@ const styles = StyleSheet.create({
     color: 'white',
   },
 });
+

LeftOvers/react-app-env.d.tsx

@@ -0,0 +1,4 @@
+declare module "*.png";
+declare module "*.svg";
+declare module "*.jpeg";
+declare module "*.jpg";

package.json

@@ -0,0 +1,7 @@
+{
+  "dependencies": {
+    "@eva-design/eva": "^2.2.0",
+    "@ui-kitten/components": "^5.3.1",
+    "react-native-svg": "^13.14.0"
+  }
+}