Youpi la navigation marche :)

master
Thomas Chazot 2 years ago
parent 1133bd97d9
commit 8dc0da78d5

@ -5,5 +5,5 @@
"expoServerNgrokUrl": null,
"packagerNgrokUrl": null,
"ngrokPid": null,
"webpackServerPort": 19006
"webpackServerPort": null
}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport Text from \"react-native-web/dist/exports/Text\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home(navigation) {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n _jsx(Text, {\n children: favoriteCity.name\n });\n } else {\n return _jsx(Text, {\n children: \"Pas de city\"\n });\n }\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","navigation","insets","statusBarHeight","top","favoriteCity","alignItems","marginTop","name","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(navigation){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n <Text>{favoriteCity.name}</Text>\n }\n else{\n return(\n <Text>Pas de city</Text>\n )\n }\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,CAACC,UAAU,EAAC;EACpC,IAAMC,MAAM,GAAGJ,iBAAiB,EAAE;EAClC,IAAMK,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACvB,KAAC,IAAI;UAAA,UAAEA,YAAY,CAACG;QAAI,EAAQ;MAClC,CAAC,MACG;QACF,OACI,KAAC,IAAI;UAAA,UAAC;QAAW,EAAO;MAE9B;IACF,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMC,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home(navigation) {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n navigation.navigate(\"CityDetails\", {\n \"city\": favoriteCity\n });\n }\n return null;\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","navigation","insets","statusBarHeight","top","favoriteCity","alignItems","marginTop","navigate","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(navigation){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n navigation.navigate(\"CityDetails\", {\"city\": favoriteCity})\n }\n \n return null;\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,CAACC,UAAU,EAAC;EACpC,IAAMC,MAAM,GAAGJ,iBAAiB,EAAE;EAClC,IAAMK,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACvBJ,UAAU,CAACO,QAAQ,CAAC,aAAa,EAAE;UAAC,MAAM,EAAEH;QAAY,CAAC,CAAC;MAC5D;MAEA,OAAO,IAAI;IACb,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMI,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport Text from \"react-native-web/dist/exports/Text\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home() {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n return _jsx(Text, {\n children: \"data\"\n });\n }\n return null;\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","insets","statusBarHeight","top","favoriteCity","alignItems","marginTop","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\n\n\nexport default function Home(){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n return (\n <Text>data</Text>\n )\n }\n \n return null;\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAG9C,eAAe,SAASC,IAAI,GAAE;EAC1B,IAAMC,MAAM,GAAGH,iBAAiB,EAAE;EAClC,IAAMI,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGP,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACQ,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACrB,OACI,KAAC,IAAI;UAAA,UAAC;QAAI,EAAO;MAEzB;MAEA,OAAO,IAAI;IACb,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMG,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPL,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport Text from \"react-native-web/dist/exports/Text\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home(navigation) {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {}\n return _jsx(Text, {\n children: \"Pas de city\"\n });\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","navigation","insets","statusBarHeight","top","favoriteCity","alignItems","marginTop","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(navigation){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n //navigation.navigate(\"CityDetails\", {\"city\": favoriteCity})\n }\n \n return(\n <Text>Pas de city</Text>\n )\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,CAACC,UAAU,EAAC;EACpC,IAAMC,MAAM,GAAGJ,iBAAiB,EAAE;EAClC,IAAMK,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC,CAEzB;MAEA,OACE,KAAC,IAAI;QAAA,UAAC;MAAW,EAAO;IAE5B,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMG,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPL,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport Text from \"react-native-web/dist/exports/Text\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home(navigation) {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n _jsx(Text, {\n children: favoriteCity.name\n });\n }\n return _jsx(Text, {\n children: \"Pas de city\"\n });\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","navigation","insets","statusBarHeight","top","favoriteCity","alignItems","marginTop","name","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(navigation){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n <Text>{favoriteCity.name}</Text>\n }\n \n return(\n <Text>Pas de city</Text>\n )\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,CAACC,UAAU,EAAC;EACpC,IAAMC,MAAM,GAAGJ,iBAAiB,EAAE;EAClC,IAAMK,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACvB,KAAC,IAAI;UAAA,UAAEA,YAAY,CAACG;QAAI,EAAQ;MAClC;MAEA,OACE,KAAC,IAAI;QAAA,UAAC;MAAW,EAAO;IAE5B,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMC,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home() {\n var insets = useSafeAreaInsets(navigation);\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n navigation.navigate(\"CityDetails\", favoriteCity);\n }\n return null;\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","insets","navigation","statusBarHeight","top","favoriteCity","alignItems","marginTop","navigate","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(){\n const insets = useSafeAreaInsets(navigation);\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n navigation.navigate(\"CityDetails\", favoriteCity)\n }\n \n return null;\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,GAAE;EAC1B,IAAMC,MAAM,GAAGH,iBAAiB,CAACI,UAAU,CAAC;EAC5C,IAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACrBH,UAAU,CAACM,QAAQ,CAAC,aAAa,EAAEH,YAAY,CAAC;MACpD;MAEA,OAAO,IAAI;IACb,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMI,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home() {\n var insets = useSafeAreaInsets(navigation);\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n return _jsx(CityDetails, {\n route: navigation\n });\n }\n return null;\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","CityDetails","Home","insets","navigation","statusBarHeight","top","favoriteCity","alignItems","marginTop","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(){\n const insets = useSafeAreaInsets(navigation);\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n return (\n <CityDetails route={navigation}/>\n )\n }\n \n return null;\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AACf,OAAOC,WAAW;AAAsB;AAAA;AAGxC,eAAe,SAASC,IAAI,GAAE;EAC1B,IAAMC,MAAM,GAAGJ,iBAAiB,CAACK,UAAU,CAAC;EAC5C,IAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG;EAClC,IAAMC,YAAY,GAAGT,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACU,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACrB,OACI,KAAC,WAAW;UAAC,KAAK,EAAEH;QAAW,EAAE;MAEzC;MAEA,OAAO,IAAI;IACb,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMM,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPL,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home() {\n var insets = useSafeAreaInsets(navigation);\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n navigation.navigate(\"CityDetails\", {\n \"city\": favoriteCity\n });\n }\n return null;\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","insets","navigation","statusBarHeight","top","favoriteCity","alignItems","marginTop","navigate","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(){\n const insets = useSafeAreaInsets(navigation);\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n navigation.navigate(\"CityDetails\", {\"city\": favoriteCity})\n }\n \n return null;\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,GAAE;EAC1B,IAAMC,MAAM,GAAGH,iBAAiB,CAACI,UAAU,CAAC;EAC5C,IAAMC,eAAe,GAAGF,MAAM,CAACG,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACvBH,UAAU,CAACM,QAAQ,CAAC,aAAa,EAAE;UAAC,MAAM,EAAEH;QAAY,CAAC,CAAC;MAC5D;MAEA,OAAO,IAAI;IACb,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMI,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport Text from \"react-native-web/dist/exports/Text\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home(navigation) {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n console.log(favoriteCity);\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n _jsx(Text, {\n children: favoriteCity.name\n });\n } else {\n return _jsx(Text, {\n children: \"Pas de city\"\n });\n }\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","navigation","insets","statusBarHeight","top","favoriteCity","console","log","alignItems","marginTop","name","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(navigation){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n console.log(favoriteCity)\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n <Text>{favoriteCity.name}</Text>\n }\n else{\n return(\n <Text>Pas de city</Text>\n )\n }\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,CAACC,UAAU,EAAC;EACpC,IAAMC,MAAM,GAAGJ,iBAAiB,EAAE;EAClC,IAAMK,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EACvCS,OAAO,CAACC,GAAG,CAACF,YAAY,CAAC;EAEzB,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACG,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEN;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACvB,KAAC,IAAI;UAAA,UAAEA,YAAY,CAACK;QAAI,EAAQ;MAClC,CAAC,MACG;QACF,OACI,KAAC,IAAI;UAAA,UAAC;QAAW,EAAO;MAE9B;IACF,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMC,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -0,0 +1 @@
{"ast":null,"code":"import View from \"react-native-web/dist/exports/View\";\nimport Text from \"react-native-web/dist/exports/Text\";\nimport StyleSheet from \"react-native-web/dist/exports/StyleSheet\";\nimport { FAVORITE_CITY_DATA } from \"../data/stub\";\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { TopBar } from \"../components/TopBar\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { jsxs as _jsxs } from \"react/jsx-runtime\";\nexport default function Home(navigation) {\n var insets = useSafeAreaInsets();\n var statusBarHeight = insets.top;\n var favoriteCity = FAVORITE_CITY_DATA;\n return _jsxs(View, {\n style: {\n alignItems: \"center\",\n marginTop: statusBarHeight\n },\n children: [_jsx(TopBar, {}), function () {\n if (favoriteCity != null) {\n navigation.navigate(\"CityDetails\", {\n \"city\": favoriteCity\n });\n }\n return _jsx(Text, {\n children: \"Pas de city\"\n });\n }()]\n });\n}\nvar leStyle = StyleSheet.create({\n container: {\n alignItems: 'center'\n }\n});","map":{"version":3,"names":["FAVORITE_CITY_DATA","useSafeAreaInsets","TopBar","Home","navigation","insets","statusBarHeight","top","favoriteCity","alignItems","marginTop","navigate","leStyle","StyleSheet","create","container"],"sources":["/Users/thomaschazot/Documents/But2A/LaSuperMeteo/iut-expo-starter/screens/Home.tsx"],"sourcesContent":["import { View, Text, StyleSheet } from \"react-native\"\nimport { FlatList } from \"react-native-gesture-handler\"\nimport { CITIES_DATA, City, FAVORITE_CITY_DATA } from \"../data/stub\"\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { VilleCompopo } from \"../components/VilleCompopo\";\nimport { TopBar } from \"../components/TopBar\";\nimport CityDetails from \"./CityDetails\";\n\n\nexport default function Home(navigation){\n const insets = useSafeAreaInsets();\n const statusBarHeight = insets.top;\n const favoriteCity = FAVORITE_CITY_DATA;\n\n return (\n <View style={{alignItems: \"center\", marginTop: statusBarHeight}}>\n <TopBar/>\n {(() => {\n if (favoriteCity != null){\n navigation.navigate(\"CityDetails\", {\"city\": favoriteCity})\n }\n \n return(\n <Text>Pas de city</Text>\n )\n })()}\n\n </View>\n )\n}\n\n\nconst leStyle = StyleSheet.create({\n container: {\n alignItems: 'center',\n },\n});"],"mappings":";;;AAEA,SAA4BA,kBAAkB;AAC9C,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,MAAM;AAA+B;AAAA;AAI9C,eAAe,SAASC,IAAI,CAACC,UAAU,EAAC;EACpC,IAAMC,MAAM,GAAGJ,iBAAiB,EAAE;EAClC,IAAMK,eAAe,GAAGD,MAAM,CAACE,GAAG;EAClC,IAAMC,YAAY,GAAGR,kBAAkB;EAEvC,OACI,MAAC,IAAI;IAAC,KAAK,EAAE;MAACS,UAAU,EAAE,QAAQ;MAAEC,SAAS,EAAEJ;IAAe,CAAE;IAAA,WAC5D,KAAC,MAAM,KAAE,EACP,YAAM;MACN,IAAIE,YAAY,IAAI,IAAI,EAAC;QACvBJ,UAAU,CAACO,QAAQ,CAAC,aAAa,EAAE;UAAC,MAAM,EAAEH;QAAY,CAAC,CAAC;MAC5D;MAEA,OACE,KAAC,IAAI;QAAA,UAAC;MAAW,EAAO;IAE5B,CAAC,EAAG;EAAA,EAED;AAEf;AAGA,IAAMI,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC;EAC9BC,SAAS,EAAE;IACPN,UAAU,EAAE;EAChB;AACJ,CAAC,CAAC"},"metadata":{},"sourceType":"module"}

@ -1,23 +1,6 @@
import React from "react"
import { View, Text, StyleSheet, Platform } from "react-native";
import { useSafeAreaInsets } from "react-native-safe-area-context";
/*
import { getStatusBarHeight } from 'react-native-status-bar-height';
function topBarTopDistance(){
if(Platform.OS === 'ios'){
return{
paddingTop : getStatusBarHeight(),
paddingBottom : getStatusBarHeight()/2.5,
}
}
return{
paddingTop : 20,
flex: 0.15,
}
}
*/
export function TopBar(){
const insets = useSafeAreaInsets();

@ -11,8 +11,12 @@ export default function StackNavigation() {
const Stack = createStackNavigator();
return (
<Stack.Navigator initialRouteName="CityList">
<Stack.Screen name="CityList" component={CityList}/>
<Stack.Screen name="CityDetails" component={CityDetails}/>
<Stack.Screen name="CityList" component={CityList} options={{
headerShown: false,
}}/>
<Stack.Screen name="CityDetails" component={CityDetails} options={{
headerShown: false,
}}/>
</Stack.Navigator>

@ -9,14 +9,16 @@ export default function TabNavigation() {
const BottomTabNavigator = createBottomTabNavigator();
return (
<NavigationContainer>
<BottomTabNavigator.Navigator initialRouteName="Home">
<BottomTabNavigator.Navigator initialRouteName="Home" >
<BottomTabNavigator.Screen name="Home" component={Home}
options={{
title: 'Home'
title: 'Home',
headerShown: false,
}}/>
<BottomTabNavigator.Screen name="CityList" component={StackNavigation}
<BottomTabNavigator.Screen name="Stack" component={StackNavigation}
options={{
title: 'CityList',
headerShown: false,
title: 'Stack',
}}/>
</BottomTabNavigator.Navigator>
</NavigationContainer>

@ -7,10 +7,10 @@ export default function CityDetails({route}){
const insets = useSafeAreaInsets();
const statusBarHeight = insets.top;
const city = route.param.city;
const city = route.params.city;
return (
<View style={{alignItems: "center", marginTop: statusBarHeight}}>
<View style={{alignItems: "center"}}>
<TopBar/>
<Text>{city.name}</Text>
</View>

@ -11,7 +11,7 @@ export default function CityList({navigation}){
const statusBarHeight = insets.top;
return (
<View style={{alignItems: "center", marginTop: statusBarHeight, backgroundColor: "red"}}>
<View style={{alignItems: "center"}}>
<TopBar/>
<FlatList
data={CITIES_DATA}
@ -19,8 +19,6 @@ export default function CityList({navigation}){
renderItem={({item}) => <TouchableHighlight onPress={() => navigation.navigate("CityDetails", {"city": item})}><VilleCompopo city={item}/></TouchableHighlight>}
style={{width: "100%", alignSelf: "center"}}
/>
<Text>Toto</Text>
</View>
)
}

@ -4,16 +4,30 @@ import { CITIES_DATA, City, FAVORITE_CITY_DATA } from "../data/stub"
import { useSafeAreaInsets } from 'react-native-safe-area-context';
import { VilleCompopo } from "../components/VilleCompopo";
import { TopBar } from "../components/TopBar";
import CityDetails from "./CityDetails";
export default function Home(){
export default function Home(navigation){
const insets = useSafeAreaInsets();
const statusBarHeight = insets.top;
const favoriteCity = FAVORITE_CITY_DATA;
const favoriteCity: City | null = FAVORITE_CITY_DATA;
return (
<View style={{alignItems: "center", marginTop: statusBarHeight}}>
<View style={{alignItems: "center"}}>
<TopBar/>
{(() => {
if (favoriteCity != null){
return (
<Text>{favoriteCity.name}</Text>
)
}
else{
return(
<Text>Pas de city</Text>
)
}
})()}
</View>
)
}

Loading…
Cancel
Save