[HINDI] #20 How To Create Search Bar In Flutter | Making Search Bar In Home Page | Flutter Tutorial

Опубликовано: 15 Август 2026
на канале: Code With Dhruv

7,397

117

Hello Guys,
Aaj ke iss video mein hum hamare Mausam Weather App ke home page mein search bar banana sikhenge. Ummed hai aapko video pasand aayega.

📖Chapters -
0:00 - Intro
0:51 - Quick Recap
1:08 - How our home page looks like till now?
2:03 - Making Search Wala Container
6:07 - Adding Color To Our Search Bar
6:24 - Aligning Our Container
7:38 - Adding TextField To Container
11:05 - Aligning Our Container
11:59 - Making Round Container Edges
14:21 - Aligning Our Container
14:42 - Adding GestureDetector Widget
16:14 - Aligning Our Search Icon
17:33 - Coloring Our Search Icon
17:55 - Styling Search Bar
18:47 - Making Random hintText Generator
20:58 - What is GestureDetector Widget?
21:42 - Outro

🔗Useful Links -

🔻Download Code Which Is Explained In This Video -
https://github.com/codewithdhruv22/P0...

🔻Download The New Design Of Our App -
https://drive.google.com/file/d/11lL3...

🔻[SOLVED] Telegram Link Is Not Opening -
   • [HINDI] #9 What is Map Datatype In Dart | ...

👨🏻‍🤝‍👨🏻👭 Join Our Telegram Group (Website Learners) -
https://t.me/cwdweb

👨🏻‍🤝‍👨🏻👭 Join Our Telegram Group (Flutter Learners) -
https://t.me/cwdflutter

🌐Checkout Our First Website Project Of Web Development Course -
https://arnewebsite.herokuapp.com/

🏙 Checkout My OnRent1 Website (Made With Flask) -
https://onrent1.com/

🧔Flutter Project 01: My Portfolio App -
https://bit.ly/3tPmSVk

🧑Web Development Project 01: Portfolio Maker Website -
   • [HINDI] Portfolio Making Website Using Flask

📱Learn To Make Android & iOS Apps -
http://bit.ly/2MOPSw6

🎮Learn To Make Games (Unity Game Development Course) -
https://bit.ly/3t8qceA

🎵Music Credits -
Lakey Inspired -
  / lakeyinspired

#codewithdhruv
Happy Coding With Dhruv 💗