composant selectChantier (pas fini)

app/_layout.tsx

@@ -15,6 +15,7 @@ export default function RootLayout() {
   return (
     <ThemeProvider value={colorScheme === 'dark' ? DarkTheme : DefaultTheme}>
       <Stack>
+        <Stack.Screen name="selectChantier" options={{ headerShown: false }}/>
         <Stack.Screen name="(tabs)" options={{ headerShown: false }} />
         <Stack.Screen name="modal" options={{ presentation: 'modal', title: 'Modal' }} />
       </Stack>

app/selectChantier.tsx

@@ -0,0 +1,43 @@
+import { useState } from 'react';
+import { ScrollView, StyleSheet, TextInput, View } from 'react-native';
+
+export default function SelectChantier() {
+
+      const [search, setSearch] = useState('');
+
+
+    return (
+        <ScrollView>
+            <View style={styles.searchZone}>
+                <TextInput
+                    placeholder='Rechercher un chantier'
+                    value={search}
+                    onChangeText={setSearch}
+                />
+            </View>
+            
+            <View>
+
+            </View>
+        </ScrollView>
+
+    );
+}
+
+const styles = StyleSheet.create({
+  titleContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 8,
+  },
+  searchZone:{
+    position: 'absolute',
+    backgroundColor: "#FF0000",
+    width: "100%",
+    margin: 0,
+    padding:20,
+    alignItems: 'center',
+
+    
+  }
+});