From bee191d7c6570c7038ea699c45a8e1a25ad088d8 Mon Sep 17 00:00:00 2001 From: Tieptk Date: Thu, 5 Jun 2025 10:09:29 +0700 Subject: [PATCH] up --- .env | 3 + App.tsx | 53 +- app.config.js | 37 + app.json | 24 +- assets/images/banner_slider.png | Bin 0 -> 181766 bytes assets/images/category-banphim.png | Bin 0 -> 7697 bytes assets/images/category-laptop.png | Bin 0 -> 2520 bytes assets/images/category-linhkien.png | Bin 0 -> 7182 bytes assets/images/category-pc.png | Bin 0 -> 1289 bytes assets/images/category-phukien.png | Bin 0 -> 4456 bytes assets/images/category-tainhiet.png | Bin 0 -> 5031 bytes assets/images/icon_2025.png | Bin 0 -> 63006 bytes assets/images/icon_article.png | Bin 0 -> 482 bytes assets/images/icon_box.png | Bin 0 -> 435 bytes assets/images/icon_buildpc.png | Bin 0 -> 1044 bytes assets/images/icon_location.png | Bin 0 -> 905 bytes assets/images/icon_question.png | Bin 0 -> 957 bytes assets/images/icon_star_0.png | Bin 0 -> 1181 bytes assets/images/icon_star_1.png | Bin 0 -> 1357 bytes assets/images/icon_star_2.png | Bin 0 -> 1409 bytes assets/images/icon_star_3.png | Bin 0 -> 1406 bytes assets/images/icon_star_4.png | Bin 0 -> 1373 bytes assets/images/icon_star_5.png | Bin 0 -> 1231 bytes assets/images/icon_store.png | Bin 0 -> 927 bytes assets/images/icon_store_white.png | Bin 0 -> 772 bytes assets/images/logo.png | Bin 0 -> 1989 bytes package-lock.json | 56761 +++++++++++++++++++++++ package.json | 24 +- src/components/footer/Footer.tsx | 102 + src/components/header/Header.tsx | 431 + src/components/product/ItemProduct.tsx | 198 + src/data/category.tsx | 42 + src/data/product.tsx | 80 + src/images.d.ts | 5 + src/navigation/AppNavigator.tsx | 20 + src/screens/HomeScreen.tsx | 330 + src/styles/globalStyles.ts | 108 + src/types/ProductType.ts | 6 + tsconfig.json | 8 +- yarn.lock | 12521 ++++- 40 files changed, 69930 insertions(+), 823 deletions(-) create mode 100644 .env create mode 100644 app.config.js create mode 100644 assets/images/banner_slider.png create mode 100644 assets/images/category-banphim.png create mode 100644 assets/images/category-laptop.png create mode 100644 assets/images/category-linhkien.png create mode 100644 assets/images/category-pc.png create mode 100644 assets/images/category-phukien.png create mode 100644 assets/images/category-tainhiet.png create mode 100644 assets/images/icon_2025.png create mode 100644 assets/images/icon_article.png create mode 100644 assets/images/icon_box.png create mode 100644 assets/images/icon_buildpc.png create mode 100644 assets/images/icon_location.png create mode 100644 assets/images/icon_question.png create mode 100644 assets/images/icon_star_0.png create mode 100644 assets/images/icon_star_1.png create mode 100644 assets/images/icon_star_2.png create mode 100644 assets/images/icon_star_3.png create mode 100644 assets/images/icon_star_4.png create mode 100644 assets/images/icon_star_5.png create mode 100644 assets/images/icon_store.png create mode 100644 assets/images/icon_store_white.png create mode 100644 assets/images/logo.png create mode 100644 package-lock.json create mode 100644 src/components/footer/Footer.tsx create mode 100644 src/components/header/Header.tsx create mode 100644 src/components/product/ItemProduct.tsx create mode 100644 src/data/category.tsx create mode 100644 src/data/product.tsx create mode 100644 src/images.d.ts create mode 100644 src/navigation/AppNavigator.tsx create mode 100644 src/screens/HomeScreen.tsx create mode 100644 src/styles/globalStyles.ts create mode 100644 src/types/ProductType.ts diff --git a/.env b/.env new file mode 100644 index 0000000..b6a1a7b --- /dev/null +++ b/.env @@ -0,0 +1,3 @@ +EXPO_HOME=D:/bestpc_mobile/.expo +EXPO_CACHE_DIR=D:/bestpc_mobile/.expo/cache +EXPO_PROJECT_DIR=D:/bestpc_mobile diff --git a/App.tsx b/App.tsx index 0329d0c..1ccef9a 100644 --- a/App.tsx +++ b/App.tsx @@ -1,20 +1,53 @@ -import { StatusBar } from 'expo-status-bar'; -import { StyleSheet, Text, View } from 'react-native'; +import { StatusBar } from "expo-status-bar"; +import { StyleSheet, ScrollView } from "react-native"; +import { SafeAreaProvider } from "react-native-safe-area-context"; +import { NavigationContainer } from "@react-navigation/native"; +import { + createStackNavigator, + StackScreenProps, +} from "@react-navigation/stack"; +import { + createDrawerNavigator, + DrawerItemList, + DrawerItem, + DrawerContentScrollView, +} from "@react-navigation/drawer"; + +import Header from "./src/components/header/Header"; +import Footer from "./src/components/footer/Footer"; +import HomePage from "./src/screens/HomeScreen"; export default function App() { return ( - - Open up App.tsx to start working on your app! - - + +
+ + + + {/*