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

upd: ui group

Browse Source 
Deskripsi:
- ui page group
- ui tab button
- ui list data group
- ui modal bottom drawer
- ui menu item row
- ui tambah data

No Issues
This commit is contained in:
amel
2025-02-27 17:37:44 +08:00
parent f7b8c08f20
commit a22719780b
14 changed files with 321 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/(application)/search.tsx
View File

@@ -1,6 +1,7 @@
import BorderBottomItem from "@/components/borderBottomItem";
import ButtonBackHeader from "@/components/buttonBackHeader";
import { InputForm } from "@/components/inputForm";
import InputSearch from "@/components/inputSearch";
import { ColorsStatus } from "@/constants/ColorsStatus";
import Styles from "@/constants/Styles";
import { AntDesign, Feather, MaterialIcons } from "@expo/vector-icons";
@@ -20,16 +21,12 @@ export default function Search() {
/>
<ScrollView>
<View style={[Styles.p15]}>
<InputForm
type="default"
placeholder="Pencarian"
round
itemLeft={<Feather name="search" size={20} color="grey" />}
/>
<InputSearch />
<View style={[Styles.wrapPaper, Styles.mb100]}>
<View style={[Styles.mb30]}>
<Text>ANGGOTA</Text>
<BorderBottomItem
borderType="bottom"
icon={<Image
source={require("../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
@@ -38,6 +35,7 @@ export default function Search() {
subtitle="Dinas - Bendaraha"
/>
<BorderBottomItem
borderType="bottom"
icon={<Image
source={require("../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
@@ -47,6 +45,7 @@ export default function Search() {
/>
<BorderBottomItem
borderType="bottom"
icon={<Image
source={require("../../assets/images/user.jpeg")}
style={[Styles.userProfileSmall]}
@@ -59,6 +58,7 @@ export default function Search() {
<View style={[Styles.mb30]}>
<Text>DIVISI</Text>
<BorderBottomItem
borderType="bottom"
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<MaterialIcons name="group" size={25} color="white" />
@@ -68,6 +68,7 @@ export default function Search() {
subtitle="Dinas"
/>
<BorderBottomItem
borderType="bottom"
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<MaterialIcons name="group" size={25} color="white" />
@@ -80,6 +81,7 @@ export default function Search() {
<View style={[Styles.mb05]}>
<Text>KEGIATAN</Text>
<BorderBottomItem
borderType="bottom"
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<AntDesign name="areachart" size={25} color="white" />
@@ -89,6 +91,7 @@ export default function Search() {
subtitle="Dinas"
/>
<BorderBottomItem
borderType="bottom"
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<AntDesign name="areachart" size={25} color="white" />
@@ -98,6 +101,7 @@ export default function Search() {
subtitle="Dinas"
/>
<BorderBottomItem
borderType="bottom"
icon={
<View style={[Styles.iconContent, ColorsStatus.primary]}>
<AntDesign name="areachart" size={25} color="white" />