From 879139c9b088dfd62945049c7d34fad600bb88a9 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Ama=C3=ABl=20Kesteman?= Date: Mon, 13 Oct 2025 10:51:32 +0200 Subject: [PATCH 1/2] ajout de la classe de la gestion des ressources. --- app/(tabs)/_layout.tsx | 21 +++- app/(tabs)/gestionnaire_ressource.tsx | 134 ++++++++++++++++++++++++++ 2 files changed, 152 insertions(+), 3 deletions(-) create mode 100644 app/(tabs)/gestionnaire_ressource.tsx diff --git a/app/(tabs)/_layout.tsx b/app/(tabs)/_layout.tsx index 164afad..7bffcea 100644 --- a/app/(tabs)/_layout.tsx +++ b/app/(tabs)/_layout.tsx @@ -8,7 +8,9 @@ import { IconSymbol } from '@/components/ui/icon-symbol'; import { Colors } from '@/constants/theme'; import { useColorScheme } from '@/hooks/use-color-scheme'; import TabTwoScreen from './index'; -import HomeScreen from './bonjourFL'; +import HomeScreen from './explore'; +import ListMateriel from './gestionnaire_ressource'; +import BonjourScreen from './bonjourFL'; const Tabs = createBottomTabNavigator(); @@ -17,14 +19,26 @@ export default function TabLayout() { return ( + + ( + + ), + }} + /> , @@ -32,12 +46,13 @@ export default function TabLayout() { /> , }} > - {() => } + ); diff --git a/app/(tabs)/gestionnaire_ressource.tsx b/app/(tabs)/gestionnaire_ressource.tsx new file mode 100644 index 0000000..934de97 --- /dev/null +++ b/app/(tabs)/gestionnaire_ressource.tsx @@ -0,0 +1,134 @@ +import { useRouter , useLocalSearchParams} from "expo-router"; +import React, {useState} from 'react'; +import { Button,FlatList,Image, Text, TextInput,View, StyleSheet } from 'react-native'; + +export default function GestionnaireRessource() { + const { nom, prenom } = useLocalSearchParams(); // Recup data ecran precedent + const [search, setSearch] = useState(''); + const router = useRouter(); + + type Ressource ={ + id: number; + name: string; + type: string; + Image: string; + } + + const data: Ressource[] = [ + { id: 1, name: 'Marteau', type: 'Outil', Image: '' }, + { id: 2, name: 'Scie', type: 'Outil' , Image: ''}, + { id: 3, name: 'Pelle', type: 'Outil' , Image: '' }, + { id: 4, name: 'Grue', type: 'Machine',Image: 'https://media.discordapp.net/attachments/1425108443571945644/1427207643180826757/raw.png?ex=68ee0632&is=68ecb4b2&hm=1efc51065c6abfb1af75b8382f9924c2eb177c7d7672f7ed9837e96ef3076d16&=&format=webp&quality=lossless&width=421&height=632'}, + { id: 5, name: 'Bulldozer', type: 'Machine', Image: ''}, + ]; + + + const renderRessource = ({ item, index }: { item?: Ressource; index: number }) => { + if (!item) { + // optionnel : afficher un placeholder pour debug + // return Item manquant; + return null; + } + return( + + + + {item.id} + {item.name} + {item.type} + + ); + }; + + return( + + index.toString()} + contentContainerStyle={{ paddingBottom: 40 }} + ListHeaderComponent={ + + + Bonjour {prenom} {nom} + + + {/* 🔍 Champ de recherche */} + + + } + ListEmptyComponent={ + Aucun résultat trouvé 😕 + } + /> + + +