CLEANUP: Ajout du fichier screens.style.js

bob_party/src/screens/Chat.tsx

@@ -1,6 +1,7 @@
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View, Text} from 'react-native'
 import React from 'react';
+import stylesScreen from './style/screens.style'
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
 import { BotBar } from '../components/BotBar';
@@ -10,7 +11,7 @@ const skinTest= new Skin("Bob",require('../../assets/Icons/BobClassic.png'));
 function Chat(props: { navigation: any; }) {
     const { navigation } = props
     return (
-    <View style={styles.container}>
+    <View style={stylesScreen.container}>
       <TopBar
           skin={skinTest}
           nav={navigation}
@@ -26,7 +27,6 @@ function Chat(props: { navigation: any; }) {
   );
 }
 
-
 const styles = StyleSheet.create({
   body: {
     flex: 1,
@@ -34,13 +34,6 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
     width: '70%',
   },
-  container: {
-    flex: 1,
-    backgroundColor: "#45444E",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignItems: "center",
-  },
 });
 
 export default Chat

bob_party/src/screens/Home.tsx

@@ -1,6 +1,7 @@
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View, ImageSourcePropType} from 'react-native'
 import React from 'react';
+import stylesScreen from './style/screens.style'
 import { User } from '../core/user';
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
@@ -26,7 +27,7 @@ const UserActu=new User("14", "leBg", "ouioui", "grand", new Date(2022,12,12), 1
 function Home(props: { navigation: any; }) {
     const { navigation } = props
     return (
-    <View style={styles.container}>
+    <View style={stylesScreen.container}>
       <TopBar
         skin={skinTest} 
         nav={navigation}
@@ -50,13 +51,6 @@ function Home(props: { navigation: any; }) {
 }
 
 const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-    backgroundColor: '#45444E',
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignItems: "center",
-  },
   body: {
     flex: 1,
     alignItems: 'center',

bob_party/src/screens/Profile.tsx

@@ -1,6 +1,7 @@
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View, Text} from 'react-native'
 import React from 'react';
+import stylesScreen from './style/screens.style'
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
 import { BotBar } from '../components/BotBar';
@@ -10,7 +11,7 @@ const skinTest= new Skin("Bob",require('../../assets/Icons/BobClassic.png'));
 function Profile(props: { navigation: any; }) {
     const { navigation } = props
     return (
-    <View style={styles.container}>
+    <View style={stylesScreen.container}>
         <TopBar
           skin={skinTest} 
           nav={navigation}
@@ -32,13 +33,6 @@ const styles = StyleSheet.create({
       alignItems: 'flex-start',
       width: '70%',
   },
-  container: {
-    flex: 1,
-    backgroundColor: "#45444E",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignItems: "center",
-  },
 });
 
 export default Profile

bob_party/src/screens/Settings.tsx

@@ -1,13 +1,14 @@
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View, Text} from 'react-native'
 import React from 'react';
+import stylesScreen from './style/screens.style'
 import { TopBar } from '../components/TopBar';
 
 
 function Store(props: { navigation: any; }) {
     const { navigation } = props
     return (
-    <View style={styles.container}>
+    <View style={stylesScreen.container}>
       <TopBar
           nav={navigation}
           state='settings'
@@ -26,13 +27,6 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
     width: '70%',
   },
-  container: {
-    flex: 1,
-    backgroundColor: "#45444E",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignItems: "center",
-  },
 });
 
 export default Store

bob_party/src/screens/Store.tsx

@@ -1,6 +1,7 @@
 import { StatusBar } from 'expo-status-bar'
 import { StyleSheet, View} from 'react-native'
 import React from 'react';
+import stylesScreen from './style/screens.style'
 import { Skin } from '../core/skin';
 import { TopBar } from '../components/TopBar';
 import { BotBar } from '../components/BotBar';
@@ -12,7 +13,7 @@ const skinTest= new Skin("Bob",require('../../assets/Icons/BobClassic.png'));
 function Store(props: { navigation: any; }) {
     const { navigation } = props
     return (
-    <View style={styles.container}>
+    <View style={stylesScreen.container}>
       <TopBar
         skin={skinTest}
         nav={navigation}
@@ -40,14 +41,6 @@ const styles = StyleSheet.create({
     alignItems: 'flex-start',
     width: '70%',
   },
-  
-  container: {
-    flex: 1,
-    backgroundColor: "#45444E",
-    flexDirection: "column",
-    justifyContent: "flex-start",
-    alignItems: "center",
-  },
   imageSkin : {
     borderRadius: 15,
     marginTop: 15,

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

@@ -0,0 +1,11 @@
+import { StyleSheet } from "react-native";
+
+export default StyleSheet.create({
+    container: {
+        flex: 1,
+        backgroundColor: '#45444E',
+        flexDirection: "column",
+        justifyContent: "flex-start",
+        alignItems: "center",
+    },
+  });