ducht/App_nagakaws
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

update navigation

Browse Source
This commit is contained in:
ducht
2021-05-18 16:56:36 +07:00
parent 67735a8417
commit 449c6a7467
3 changed files with 85 additions and 67 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
screens/HomePage.tsx
View File

@@ -7,6 +7,7 @@ import { Text, View } from '../components/Themed';
import { TextInput } from 'react-native-gesture-handler';
import Swiper from 'react-native-swiper';
import { Asset } from 'expo-asset';
import { useNavigation } from '@react-navigation/core';
export default function HomePage() {
return (
@@ -67,63 +68,65 @@ const SliderHome = () => {
}
const CategoryHomePage = () => {
const navigation = useNavigation();
return (
<View style={styles.boxCatHome}>
<ScrollView horizontal={true} style={styles.boxCatHomeList}>
<View style={styles.boxCatHomeItem}>
<ScrollView horizontal={true} style={styles.boxCatHomeList} showsHorizontalScrollIndicator={false}>
<TouchableOpacity onPress={() => navigation.navigate('ProductHotListNav')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat1.png')} />
</View>
<Text style={styles.boxCatHomeText}>Siêu phẩm hè</Text>
</View>
<View style={styles.boxCatHomeItem}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat2.png')} />
</View>
<Text style={styles.boxCatHomeText}>Diện gia dụng</Text>
</View>
<View style={styles.boxCatHomeItem}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat3.png')} />
</View>
<Text style={styles.boxCatHomeText}>Đồ gia dụng</Text>
</View>
<View style={styles.boxCatHomeItem}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat4.png')} />
</View>
<Text style={styles.boxCatHomeText}>Thiết bị nhà bếp</Text>
</View>
<View style={styles.boxCatHomeItem}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat5.png')} />
</View>
<Text style={styles.boxCatHomeText}>Điều hòa</Text>
</View>
<View style={styles.boxCatHomeItem}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat6.png')} />
</View>
<Text style={styles.boxCatHomeText}>Khẩu trang vải</Text>
</View>
<View style={styles.boxCatHomeItem}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={styles.boxCatHomeItem}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat7.png')} />
</View>
<Text style={styles.boxCatHomeText}>Deal Hot</Text>
</View>
<View style={[styles.boxCatHomeItem, styles.boxCatHomeItemLast]}>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductCategory')} style={[styles.boxCatHomeItem, styles.boxCatHomeItemLast]}>
<View style={styles.boxCatHomeItemImg}>
<Image style={styles.boxCatHomeImg} source={require('../assets/images/icon-cat8.png')} />
</View>
<Text style={styles.boxCatHomeText}>Combo</Text>
</View>
</TouchableOpacity>
</ScrollView>
</View>
)
}
const FlastSale = () => {
const navigation = useNavigation();
return (
<View style={styles.boxFlastSaleHome}>
<View style={styles.boxFlastSaleHomeTitle}>
@@ -134,10 +137,14 @@ const FlastSale = () => {
</TouchableOpacity>
</View>
<View style={styles.boxFlastSaleHomeFirstItem}>
<View style={styles.boxFlastSaleHomeImg}>
<Image style={styles.boxFlastSaleHomeImgCt} source={require('../assets/images/product.png')} />
</View>
<Text style={styles.boxFlastSaleHomeFirstName} numberOfLines={2}>NỒI CHIÊN KHÔNG DẦU SMARTPLUS NAGAKAWA NAG3303 (9L)</Text>
<TouchableOpacity onPress={() => navigation.navigate('ProductDetail')}>
<View style={styles.boxFlastSaleHomeImg}>
<Image style={styles.boxFlastSaleHomeImgCt} source={require('../assets/images/product.png')} />
</View>
</TouchableOpacity>
<TouchableOpacity onPress={() => navigation.navigate('ProductDetail')}>
<Text style={styles.boxFlastSaleHomeFirstName} numberOfLines={2}>NỒI CHIÊN KHÔNG DẦU SMARTPLUS NAGAKAWA NAG3303 (9L)</Text>
</TouchableOpacity>
<View style={styles.boxFlastSaleHomeFirstAllPrice}>
<View style={styles.boxFlastSaleHomeFirstPrice}>
<Text style={styles.boxFlastSaleHomeFirstPriceName}>Giá sốc online</Text>
@@ -1299,7 +1306,7 @@ const styles = StyleSheet.create({
alignItems: 'center',
},
boxProductHomeItem: {
width: winWidth/2 - 15,
width: winWidth / 2 - 15,
marginRight: 10,
marginBottom: 10,
borderRadius: 10,