How to Create Search Filter in React Native

How to Create Search Filter in React Native | Search in FlatList

Рет қаралды 27,593

Pradip Debnath

Күн бұрын

Пікірлер: 35

@salilkaul364 Жыл бұрын

A very good tutorial man , informative and consice

@hassanmusa6271 2 ай бұрын

Nice work sir you save my day

@manytechlive Жыл бұрын

ขอขอบคุณ

@TuiLaVu Жыл бұрын

Thank bro, you save my day

@MohammadFahad-g4i Жыл бұрын

Why you didn't used built in filter as you are using two data variables. What lodash doing here?

@nthiwafelix7967 3 ай бұрын

Nice tutorial, thanks. But guys for better effectiveness also format the name and email with the to lower case function because the way it's implemented it's not case sensitive. Make everything lowercase before searching.

@hassanmusa6271 2 ай бұрын

Make your own tutorial🥱🥱🥱

@Shubuu7 Жыл бұрын

Hello sir how to make responsive screen any plugin you used or not please make one dedicated video

@ajalasegun1 Жыл бұрын

Great job!

@yulius4527 Жыл бұрын

hello teacher, I try this worked butt the "first letter" query not include into seacrh ... example I try search "Ida" it wil not return but when I seacrh "da" it will return ida .. am i missing something ? ..

@yulius4527 Жыл бұрын

ohh.. i try comment the toLowerCase Function , and works but i must write case sensitive ...

@yashwanthyash3846 Жыл бұрын

is it possible to create seach filter without using flatlist, is this possible to apply search filter in your react navigation v6 series homescreen ? and thank you for great videos

@DhreetiRanjanBasu-j1e 10 ай бұрын

You are Grate!!

@DanKardell Жыл бұрын

Great tutorial. How would you do this if you were not using Expo

@itzpradip Жыл бұрын

It'll be the same for react native cli also.

@DanKardell Жыл бұрын

So not using expo did not appear to be an issue. Thanks!

@harisgunasekaran4874 Жыл бұрын

Thanks for helping

@Gamerfan2000 Жыл бұрын

I have been following the video and it says Uncaught Error undefined is not a function

@fmaylinch Жыл бұрын

Hi, thanks for the tutorial! Is the code uploaded anywhere?

@yanndeo9501 Жыл бұрын

hi , what framework ui do you used ??

@itzpradip Жыл бұрын

No UI framework... It's vanilla react native

@hendoitechnologies 6 ай бұрын

can you post "React Native CLI" full course video for developers

@DanKardell Жыл бұрын

One last thing.. why is it that you can't scroll all the way to the bottom when the keyboard is showing?

@ahsanali580 Жыл бұрын

Nice tutorial. Can you make react native series with supabase ? . Waiting for your series

@rathierry Жыл бұрын

Thank you ☺

@itzpradip Жыл бұрын

You're welcome 😊

@DanKardell Жыл бұрын

Also on using the FILTERED package, why not just use the built-in filter. Keeping it simple.

@mounirben9370 9 ай бұрын

Great

@Saadhya-p8o Жыл бұрын

its not filtering data from first character , just checking inbetween chars in a words

@taiwodamilola8636 11 ай бұрын

the fix will be to also convert not just the query but also the item u are search against e.g const contains = ( {lastName, firstName, userName}: Followerprops, query: string, ) => { if ( lastName.toLowerCase()?.includes(query) || userName.toLowerCase()?.includes(query) || firstName.toLowerCase()?.includes(query) ) { return true; } return false; };