KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#developer-tools #typescript #codex #ai-agents #claude-code #dsh #dsh-plugin #cli #macos #ai-agent #deepseek-harness #open-source

filter_listview_example

★ 84 Open GitHub ↗

Let's use Flutter to search in a ListView by loading JSON data from the Internet and let's filter this data in a ListView.

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# Flutter Tutorial - Search In ListView & Filter ListView With JSON
[![Youtube](https://img.shields.io/static/v1?label=JohannesMilke&message=Subscribe&logo=YouTube&color=FF0000&style=for-the-badge)][youtube]
[![Twitter Follow](https://img.shields.io/twitter/follow/JohannesMilke?color=1DA1F2&label=Followers&logo=twitter&style=for-the-badge)][twitter]
[![Newsletter](https://img.shields.io/static/v1?label=Follow&message=My%20Flutter%20Newsletter&color=5FB709&style=for-the-badge)][newsletter]
   
[<img alt="JohannesMilke | Sponsor" height="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fsponsorme.png?alt=media" />][sponsor]
    
[![GitHub stars](https://img.shields.io/github/stars/JohannesMilke/filter_listview_example.svg?style=social&label=Star)](https://github.com/JohannesMilke/filter_listview_example)
[![GitHub JohannesMilke](https://img.shields.io/github/followers/JohannesMilke?label=follow&style=social)](https://github.com/JohannesMilke)

Let's use Flutter to search in a ListView by loading JSON data from the Internet and let's filter this data in a ListView.

### ✌&ensp;Preview

|              App Preview             |             Course Preview           |
| :----------------------------------: | :----------------------------------: |
| <a href="https://www.youtube.com/watch?v=oFZIwBudIj0" target="_blank"><img src="preview.gif" width="350"></a> | <a href="https://johannesmilke.teachable.com/p/home" target="_blank"><img src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fgithub_ad.png?alt=media" width="350"></a> |

➜&ensp;[Buy My Courses](https://johannesmilke.teachable.com/p/home "Buy My Courses")

### 📺&ensp;Watch Video

##### [YouTube video](https://www.youtube.com/watch?v=oFZIwBudIj0 "Youtube Johannes Milke") where the *source code* is explained. [Subscribe YouTube channel.](https://www.youtube.com/JohannesMilke?sub_confirmation=1 "YouTube Subscribe Johannes Milke")  
<a href="https://www.youtube.com/watch?v=oFZIwBudIj0&feature=player_embedded
" target="_blank"><img src="http://img.youtube.com/vi/oFZIwBudIj0/maxresdefault.jpg" 
alt="Flutter Tutorial - Search In ListView & Filter ListView With JSON YouTube video" width="480" border="10" /></a>

➜&ensp;[Watch My Video](https://www.youtube.com/watch?v=oFZIwBudIj0 "Watch My Video")

### ⚡&ensp;Social Media

[<img align="center" alt="JohannesMilke | YouTube" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fyoutube.png?alt=media" />](https://www.youtube.com/JohannesMilke?sub_confirmation=1)&ensp;YouTube: [@JohannesMilke](https://www.youtube.com/JohannesMilke?sub_confirmation=1 "YouTube Johannes Milke")

[<img align="center" alt="JohannesMilke | Twitter" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Ftwitter.png?alt=media" />](https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke)&ensp;Twitter: [@JohannesMilke](https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke "Twitter Johannes Milke")

[<img align="center" alt="JohannesMilke | Instagram" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Finstagram.png?alt=media" />](https://instagram.com/JohannesMilke)&ensp;Instagram: [@JohannesMilke](https://instagram.com/JohannesMilke "Instagram Johannes Milke")

[<img align="center" alt="JohannesMilke | Facebook" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Ffacebook.png?alt=media" />](https://www.facebook.com/real.JohannesMilke)&ensp;Facebook: [@JohannesMilke](https://www.facebook.com/real.JohannesMilke "Facebook Johannes Milke")

[<img align="center" alt="JohannesMilke | LinkedIn" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Flinkedin.png?alt=media" />](https://linkedin.com/in/JohannesMilke)&ensp;LinkedIn: [@JohannesMilke](https://linkedin.com/in/JohannesMilke "LinkedIn Johannes Milke")

[<img align="center" alt="JohannesMilke | GitHub" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fgithub.png?alt=media" />](https://github.com/JohannesMilke)&ensp;GitHub: [@JohannesMilke](https://github.com/JohannesMilke "GitHub Johannes Milke")

[<img align="center" alt="JohannesMilke | Medium" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fmedium.png?alt=media" />](https://medium.com/@JohannesMilke)&ensp;Medium: [@JohannesMilke](https://medium.com/@JohannesMilke "Medium Johannes Milke")

[<img align="center" alt="JohannesMilke | Website" width="28px" src="https://firebasestorage.googleapis.com/v0/b/web-johannesmilke.appspot.com/o/other%2Fsocial%2Fwebsite.png?alt=media" />](https://johannesmilke.com)&ensp;Website: [@JohannesMilke](https://johannesmilke.com "Website Johannes Milke")

[twitter]: https://twitter.com/intent/follow?original_referer=https%3A%2F%2Fgithub.com%2FJohannesMilke&screen_name=JohannesMilke
[youtube]: https://www.youtube.com/JohannesMilke?sub_confirmation=1
[courses]: https://johannesmilke.teachable.com/p/home
[newsletter]: https://johannesmilke.com/newsletter
[sponsor]: https://github.com/sponsors/JohannesMilke

filter_listview_example

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README