From d0ace4f2558292b5730787067728d8d03e22af13 Mon Sep 17 00:00:00 2001 From: Remi REGNAULT Date: Wed, 22 Nov 2023 10:49:54 +0100 Subject: [PATCH] feat add style to bottom bar --- LeftOvers/App.tsx | 166 ++++++++++++-------- LeftOvers/assets/images/home.png | Bin 0 -> 9167 bytes LeftOvers/assets/images/person_icon.png | Bin 0 -> 12737 bytes LeftOvers/navigation/CookingStackScreen.tsx | 22 ++- LeftOvers/package-lock.json | 15 ++ LeftOvers/package.json | 1 + 6 files changed, 136 insertions(+), 68 deletions(-) create mode 100644 LeftOvers/assets/images/home.png create mode 100644 LeftOvers/assets/images/person_icon.png diff --git a/LeftOvers/App.tsx b/LeftOvers/App.tsx index a1a079d..b33d099 100644 --- a/LeftOvers/App.tsx +++ b/LeftOvers/App.tsx @@ -1,5 +1,5 @@ import React from 'react'; -import {StyleSheet, View, Image, Text } from 'react-native'; +import {StyleSheet, View, Image, Text, Pressable } from 'react-native'; import ProfileModification from './components/ProfileModification'; import ValidateButton from './components/ValidateButton'; import { LinearGradient } from 'expo-linear-gradient'; @@ -8,77 +8,119 @@ import RecipeDetails from './screens/RecipeDetails'; import IngredientSelection from './screens/IngredientSelection'; import { NavigationContainer } from '@react-navigation/native'; import { createBottomTabNavigator } from '@react-navigation/bottom-tabs'; +import { BlurView } from 'expo-blur'; import HomeStackScreen from './navigation/HomeStackScreen'; import ProfilesStackScreen from './navigation/ProfileStackScreen'; import CookingStackScreen from './navigation/CookingStackScreen'; +import HomeIcon from './assets/images/home.png'; +import ProfileIcon from './assets/images/person_icon.png'; +import CookingIcon from './assets/images/cook.png'; + const Tab = createBottomTabNavigator(); export default function App() { - // const all = [{value: "Mussels"}, {value: "Skimmed Milk"}, {value: "Nuts"}] - // const die = [{value: "Dairy free"}, {value: "Gluten free"}, {value: "Porkless"}, {value: "Vegan"}, {value: "Vegetarian"}, {value: "Pescatarian"}] - // const ingredient = [{value: "Chocolate"}, {value: "Skimmed Milk"}, {value: "Eggs"}, , {value: "Farine"}] - // const ustensils = [{value: "Bol"}, {value: "Fouet"}, {value: "Casserole"}] - // const steps = [{value: "Chauffer chocolat"}, - // {value: "1. Casser oeuf"}, - // {value: "2. Melanger la farine, le lait et les oeufs"}, - // {value: "3. Battre fort"}, - // {value: "4. Voler la montre de Louison"}, - // {value: "5. Melanger avec le chocolat"}, - // {value: "6. Mettre au four"}, - // ] - - // function generateList() { - // const list = []; - // list.push("Meat"); - // list.push("Meat"); - // list.push("Meat"); - // list.push("Meat"); - // list.push("Teat"); - // list.push("Meat"); - // list.push("Meat"); - // list.push("Meat"); - // return list; - // } + // const all = [{value: "Mussels"}, {value: "Skimmed Milk"}, {value: "Nuts"}] + // const die = [{value: "Dairy free"}, {value: "Gluten free"}, {value: "Porkless"}, {value: "Vegan"}, {value: "Vegetarian"}, {value: "Pescatarian"}] + // const ingredient = [{value: "Chocolate"}, {value: "Skimmed Milk"}, {value: "Eggs"}, , {value: "Farine"}] + // const ustensils = [{value: "Bol"}, {value: "Fouet"}, {value: "Casserole"}] + // const steps = [{value: "Chauffer chocolat"}, + // {value: "1. Casser oeuf"}, + // {value: "2. Melanger la farine, le lait et les oeufs"}, + // {value: "3. Battre fort"}, + // {value: "4. Voler la montre de Louison"}, + // {value: "5. Melanger avec le chocolat"}, + // {value: "6. Mettre au four"}, + // ] + + // function generateList() { + // const list = []; + // list.push("Meat"); + // list.push("Meat"); + // list.push("Meat"); + // list.push("Meat"); + // list.push("Teat"); + // list.push("Meat"); + // list.push("Meat"); + // list.push("Meat"); + // return list; + // } + + return ( + + ({ + tabBarIcon: ({ focused }) => { + let icon; + + if (route.name === 'Home') { + icon = HomeIcon; + } else if (route.name === 'Profile') { + icon = ProfileIcon; + } else if (route.name === 'Cooking') { + icon = CookingIcon; + } - // const ingredients = generateList(); - - return ( - - - - - - - - // - /**/ - /**/ - ); + // You can return any component that you like here! + return ; + }, + tabBarActiveTintColor: '#59BDCD', + tabBarInactiveTintColor: '#F2F0E4', + headerShown: false, + tabBarStyle: {position: 'absolute', height: 70}, + tabBarBackground: () => ( + + ), + tabBarItemStyle: {marginVertical: 5}, + tabBarLabelStyle: {fontSize: 15} + })}> + + + + + + + // + /**/ + /**/ + ); } const styles = StyleSheet.create({ - container: { - flex: 1, - backgroundColor: '#3F3C42', - alignItems: 'center', - justifyContent: 'center', - }, - linearGradient: { - //height: 844, - //width: 390, - flex: 1, - padding: 10, - paddingTop: 0, - //backgroundColor: "#59BDCD", - //alignItems: 'center', - //justifyContent: 'flex-start', - }, + container: { + flex: 1, + backgroundColor: '#3F3C42', + alignItems: 'center', + justifyContent: 'center', + }, + linearGradient: { + //height: 844, + //width: 390, + flex: 1, + padding: 10, + paddingTop: 0, + //backgroundColor: "#59BDCD", + //alignItems: 'center', + //justifyContent: 'flex-start', + }, }); \ No newline at end of file diff --git a/LeftOvers/assets/images/home.png b/LeftOvers/assets/images/home.png new file mode 100644 index 0000000000000000000000000000000000000000..4c1f9c7a6682451d3949c539480e2f7550c5eedf GIT binary patch literal 9167 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 literal 0 HcmV?d00001 diff --git a/LeftOvers/navigation/CookingStackScreen.tsx b/LeftOvers/navigation/CookingStackScreen.tsx index 836eca3..e974f41 100644 --- a/LeftOvers/navigation/CookingStackScreen.tsx +++ b/LeftOvers/navigation/CookingStackScreen.tsx @@ -3,19 +3,29 @@ import { StyleSheet } from 'react-native' import { createNativeStackNavigator } from '@react-navigation/native-stack'; import IngredientSelection from '../screens/IngredientSelection'; +import { HeaderTitle } from './Utils'; const CookingStack = createNativeStackNavigator() export default function CookingStackScreen() { return ( - - - + + ( + + ) + }} + /> + ) } const styles = StyleSheet.create({ + headerBarContainer: { + backgroundColor: '#F2F0E4', + }, }) \ No newline at end of file diff --git a/LeftOvers/package-lock.json b/LeftOvers/package-lock.json index 52c1a1d..e074240 100644 --- a/LeftOvers/package-lock.json +++ b/LeftOvers/package-lock.json @@ -14,6 +14,7 @@ "@react-navigation/native-stack": "^6.9.17", "@types/react": "~18.2.14", "expo": "~49.0.15", + "expo-blur": "^12.6.0", "expo-linear-gradient": "~12.3.0", "expo-splash-screen": "~0.20.5", "expo-status-bar": "~1.6.0", @@ -9199,6 +9200,14 @@ "url-parse": "^1.5.9" } }, + "node_modules/expo-blur": { + "version": "12.6.0", + "resolved": "https://registry.npmjs.org/expo-blur/-/expo-blur-12.6.0.tgz", + "integrity": "sha512-yrZYu4mQX4ZJtSrjNVMuB9kCMB8Xerk5Zn5iES6ojmGAk+yxJ/jdyhaUVqbpaA8LBmspdKgQz2dW8+9wa8dSAg==", + "peerDependencies": { + "expo": "*" + } + }, "node_modules/expo-constants": { "version": "14.4.2", "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-14.4.2.tgz", @@ -24365,6 +24374,12 @@ "url-parse": "^1.5.9" } }, + "expo-blur": { + "version": "12.6.0", + "resolved": "https://registry.npmjs.org/expo-blur/-/expo-blur-12.6.0.tgz", + "integrity": "sha512-yrZYu4mQX4ZJtSrjNVMuB9kCMB8Xerk5Zn5iES6ojmGAk+yxJ/jdyhaUVqbpaA8LBmspdKgQz2dW8+9wa8dSAg==", + "requires": {} + }, "expo-constants": { "version": "14.4.2", "resolved": "https://registry.npmjs.org/expo-constants/-/expo-constants-14.4.2.tgz", diff --git a/LeftOvers/package.json b/LeftOvers/package.json index 9d8e5ed..a671046 100644 --- a/LeftOvers/package.json +++ b/LeftOvers/package.json @@ -15,6 +15,7 @@ "@react-navigation/native-stack": "^6.9.17", "@types/react": "~18.2.14", "expo": "~49.0.15", + "expo-blur": "^12.6.0", "expo-linear-gradient": "~12.3.0", "expo-splash-screen": "~0.20.5", "expo-status-bar": "~1.6.0",