77 lines
1.8 KiB
TypeScript
77 lines
1.8 KiB
TypeScript
|
import React from "react";
|
|||
|
|
import {
|
|||
|
|
View,
|
|||
|
|
Text,
|
|||
|
|
Image,
|
|||
|
|
TouchableOpacity,
|
|||
|
|
ScrollView,
|
|||
|
|
StyleSheet,
|
|||
|
|
Dimensions,
|
|||
|
|
} from "react-native";
|
|||
|
|
const { width } = Dimensions.get("window");
|
|||
|
|
import { useNavigation, NavigationProp } from "@react-navigation/native";
|
|||
|
|
import Footer from "@components/footer/Footer";
|
|||
|
|
import AppLayout from "@layouts/AppLayout";
|
|||
|
|
import { Ionicons } from "@expo/vector-icons"; // hoặc icon_2025 nếu bạn có icon font riêng
|
|||
|
|
|
|||
|
|
export default function ListCompare() {
|
|||
|
|
const navigation = useNavigation<NavigationProp<any>>();
|
|||
|
|
|
|||
|
|
return (
|
|||
|
|
<AppLayout activeTab="classifieds">
|
|||
|
|
<ScrollView>
|
|||
|
|
<View style={styles.container}>
|
|||
|
|
{/* Breadcrumb */}
|
|||
|
|
<View style={styles.breadcrumb}>
|
|||
|
|
<View style={styles.breadcrumbItem}>
|
|||
|
|
<TouchableOpacity>
|
|||
|
|
<Ionicons
|
|||
|
|
name="home"
|
|||
|
|
size={16}
|
|||
|
|
color="#637381"
|
|||
|
|
style={styles.icon}
|
|||
|
|
/>
|
|||
|
|
</TouchableOpacity>
|
|||
|
|
<Text style={styles.angle}>›</Text>
|
|||
|
|
</View>
|
|||
|
|
<View style={styles.breadcrumbItem}>
|
|||
|
|
<Text style={styles.text}>Rao vặt</Text>
|
|||
|
|
</View>
|
|||
|
|
</View>
|
|||
|
|
<View style={styles.boxCategory}>
|
|||
|
|
<Text>Danh mục</Text>
|
|||
|
|
</View>
|
|||
|
|
</View>
|
|||
|
|
<Footer navigation={navigation} />
|
|||
|
|
</ScrollView>
|
|||
|
|
</AppLayout>
|
|||
|
|
);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
const styles = StyleSheet.create({
|
|||
|
|
container: {
|
|||
|
|
paddingHorizontal: 10,
|
|||
|
|
},
|
|||
|
|
breadcrumb: {
|
|||
|
|
flexDirection: "row",
|
|||
|
|
alignItems: "center",
|
|||
|
|
paddingVertical: 12,
|
|||
|
|
flexWrap: "wrap",
|
|||
|
|
},
|
|||
|
|
breadcrumbItem: {
|
|||
|
|
flexDirection: "row",
|
|||
|
|
alignItems: "center",
|
|||
|
|
marginRight: 8,
|
|||
|
|
},
|
|||
|
|
text: {
|
|||
|
|
color: "#000",
|
|||
|
|
},
|
|||
|
|
icon: {
|
|||
|
|
marginRight: 5,
|
|||
|
|
},
|
|||
|
|
angle: {
|
|||
|
|
marginLeft: 12,
|
|||
|
|
color: "#888",
|
|||
|
|
},
|
|||
|
|
});
|