dimitar/reactnative_mobilemk
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

working on search

Browse Source
This commit is contained in:
dimitar 2025-01-06 08:51:20 +01:00
parent 797c0f8fda
commit 70615202dc
2 changed files with 15 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
app/(root)/(tabs)/index.tsx
View File

@ -9,7 +9,6 @@ export default function Index() {
return ( return (
<SafeAreaView className={'bg-white h-full'}> <SafeAreaView className={'bg-white h-full'}>
<View className={'px-5'}> <View className={'px-5'}>
<Search />
<View className={'flex flex-row items-center justify-between mt-5'}> <View className={'flex flex-row items-center justify-between mt-5'}>
<View className={'flex flex-row items-cente'}> <View className={'flex flex-row items-cente'}>
<Image source={images.car1} className={'rounded-full size-24'}/> <Image source={images.car1} className={'rounded-full size-24'}/>
@ -21,6 +20,8 @@ export default function Index() {
<Image source={icons.bell} className={'size-6'}/> <Image source={icons.bell} className={'size-6'}/>
</View> </View>
</View> </View>
<Search />
</SafeAreaView> </SafeAreaView>
); );
} }

16
components/Search.tsx
View File

@ -1,6 +1,7 @@
import {View, Text} from 'react-native' import {View, Text, TextInput, SafeAreaView, Image} from 'react-native'
import React, {useState} from 'react' import React, {useState} from 'react'
import {useLocalSearchParams, usePathname} from "expo-router"; import {useLocalSearchParams, usePathname} from "expo-router";
import icons from "@/constants/icons";
const Search = () => { const Search = () => {
const path = usePathname(); const path = usePathname();
@ -8,11 +9,20 @@ const Search = () => {
const [search, setSearch] = useState(params.query); const [search, setSearch] = useState(params.query);
const handleSearch = (text: string) => { const handleSearch = (text: string) => {
// console.log(search)
setSearch(text) setSearch(text)
} }
return ( return (
<View> <View className={'flex flex-row items-center justify-between w-full px-4 rounded-lg border border-blue-200 mt-5 py-2'}>
<Text>Search</Text> <View className={'flex-1 flex flex-row items-center justify-start z-50'}>
<Image source={icons.search} className={'size-5'}/>
<TextInput
value={search}
onChangeText={handleSearch}
placeholder={'Search...'}
style={{flex: 1, marginLeft: 10}}
/>
</View>
</View> </View>
) )
} }