wibu/mobile-darmasaba
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

upd: search

Browse Source 
Deskripsi:
- ui search

NoIssues
This commit is contained in:
amel
2025-02-26 17:58:31 +08:00
parent a25a0515c4
commit bb9c5090f9
5 changed files with 162 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
app/(application)/_layout.tsx
View File

@@ -7,6 +7,8 @@ export default function RootLayout() {
<>
<Stack screenOptions={Headers.shadow}>
<Stack.Screen name="home" options={{ title: 'Home' }} />
<Stack.Screen name="feature" options={{ title: 'Fitur' }} />
<Stack.Screen name="search" options={{ title: 'Pencarian' }} />
</Stack>
<StatusBar style="light" />
</>

108
app/(application)/search.tsx Normal file
View File

@@ -0,0 +1,108 @@
import BorderBottomItem from "@/components/borderBottomItem";
import ButtonBackHeader from "@/components/buttonBackHeader";
import { InputForm } from "@/components/inputForm";
import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { AntDesign, Feather, MaterialIcons } from "@expo/vector-icons";
import { router, Stack } from "expo-router";
import { Image, SafeAreaView, ScrollView, Text, View } from "react-native";
export default function Search() {
return (
<>
<SafeAreaView>
<Stack.Screen
options={{
headerLeft: () => <ButtonBackHeader onPress={() => { router.back() }} />,
headerTitle: 'Pencarian',
headerTitleAlign: 'center'
}}
/>
<ScrollView>
<View style={[Styles.p15]}>
<InputForm
type="default"
placeholder="Pencarian"
round
itemLeft={<Feather name="search" size={20} color="grey" />}
/>
<View style={[Styles.wrapPaper]}>
<View style={[Styles.mb30]}>
<Text>ANGGOTA</Text>
<BorderBottomItem
icon={<Image
source={require("../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
/>}
title="Amalia Dwi"
subtitle="Dinas - Bendaraha"
/>
<BorderBottomItem
icon={<Image
source={require("../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
/>}
title="Amalia Dwi"
subtitle="Dinas - Bendaraha"
/>
<BorderBottomItem
icon={<Image
source={require("../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
/>}
title="Amalia Dwi"
subtitle="Dinas - Bendaraha"
/>
</View>
<View style={[Styles.mb30]}>
<Text>DIVISI</Text>
<BorderBottomItem
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<MaterialIcons name="group" size={30} color="white" />
</View>
}
title="TU dan Umum"
subtitle="Dinas"
/>
<BorderBottomItem
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<MaterialIcons name="group" size={30} color="white" />
</View>
}
title="TU dan Umum"
subtitle="Dinas"
/>
</View>
<View style={[Styles.mb30]}>
<Text>KEGIATAN</Text>
<BorderBottomItem
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<AntDesign name="areachart" size={30} color="white" />
</View>
}
title="Kerja Bakti"
subtitle="Dinas"
/>
<BorderBottomItem
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<AntDesign name="areachart" size={30} color="white" />
</View>
}
title="Pasar Ramadhan"
subtitle="Dinas"
/>
</View>
</View>
</View>
</ScrollView>
</SafeAreaView>
</>
)
}