ajout du bouton addConv en absolute

bob_party/src/screens/Chat.tsx

@@ -11,7 +11,7 @@ import { io } from 'socket.io-client';
 import { socket } from '../../socketConfig';
 import { MANAGER_CONVERSATION, MANAGER_USER } from '../../appManagers';
 import { Message } from '../core/message';
-import styles from '../components/style/TopBar.style';
+import styles from './style/Chat.style.js';
 
 
 function Chat(props: { navigation: any; }) {
@@ -29,10 +29,13 @@ function Chat(props: { navigation: any; }) {
           data={useConversationStore().tabConv}
           renderItem={({item}) => <ConversationPreviewComponent conv={item} navigation={navigation}/>} 
         />
-      </View>
+        <View style={styles.viewPlusButton}>
-      <Pressable onPress={() => navigation.navigate('AddConversation')} style={{alignItems:"center", alignContent:"center"}}>
+          <Pressable onPress={() => navigation.navigate('AddConversation')} style={styles.pressablePlusButton}>
               <Image source={add} style={styles.icon}/>
           </Pressable>
+        </View>
+      </View>
+      
       
       <BotBar 
           nav={navigation}

bob_party/src/screens/style/Chat.style.js

@@ -0,0 +1,28 @@
+import { StyleSheet } from 'react-native';
+
+/*
+    Stylesheet for the TopBar component
+*/
+
+export default StyleSheet.create({
+    icon: {
+        width: 50,
+        height: 50,
+        marginVertical: 12.5,
+    },
+    viewPlusButton: {
+        zIndex: 2,
+        position: 'absolute',
+        alignSelf:'center',
+        marginTop: '145%'
+    },
+    pressablePlusButton: {
+        alignItems:"center",
+        alignContent:"center",
+        backgroundColor: '#0085FF',
+        width:75,
+        height: 75,
+        borderRadius: 100,
+        marginBottom: '4%',
+    },
+});