in my opinion. You should place the demo of your app on top of the video. This will create more excitement. I always have to watch demo before learning video
for real that's how all tutorials must be, cuz it doesn't make sense to read code without seeing the results in complete manner. in the beginning and end of the video.
During my whole learning phase using ur sources one thing i realized everytime pawan bhai you are such genuine heart and minded person #reallyappreciateyourEfforts #keepItup#theFlutterGem
Clearly explain and easy to follow, I would like to ask about if we want to use endDrawer instead for transition drawer from the right. what we have to do because when I try it turn out invisible. Thank you!
God bless you, thank you very much. Exactly what I wanted. You're using Android studio. I would really love all the useful flutter shortcuts keys too. Thanks
Nice work man...I good follow up of this tutorial could be an integration with google maps api (such google places). So we can learn how to integrate with an api. Great work
Maybe this will become helpful when querying to Firestore. I used a different plugin for search, yet I have to implement it in a way its good to show its results. Thanks for the Tutorial
i will implement this searching method but i'm not using appbar on my apps, will it work without using appbar? edit : It Works, thanks a lot, this tutorial is very helpful
Nice tutorial but your scope fell a bit short. You should've shown how we can filter a listview of cities after searching and returning the query. After watching this, I know how to create a searchbar with SearchDelegate and that's it. Seems a bit half-baked.
Thank you so much for this. I was looking for this one exactly.
5 лет назад
Amazing video quick question tho, how would'd you go about the search accepting ND or Nwd for new dheli (a couple of letters in the right order) and bolding those letters?
Thank you so much for this tutorial! I've been looking for this the whole time. Please implement it on your Pokemon app. I want to know how to query in ListView and then show the results on the next page.
Very thank you for this great tutorial. There is one thing that you should correct, is it wrong use query in buildResults? Because if I search 'New D' and I tap on 'New Delhi' I want to see for result text 'New Delhi' and not only what I've typed.
It was a really good video, thanks you a lot, but I have a question, it's posible to get the seleccted value on the previous widget, i mean without have to send with a navigator.pushnamed to another please ? to be more clear, to have autocomplete input on a form, select value, return to the same widget and display on the widget where I have the onTap or onPress inside the form
Hello Sam do this final suggestionList = query.isEmpty ? recentCities : cities.where((p) => p.toLowerCase().contains(query) && p.toLowerCase().startsWith(query)).toList();
Can you have a tutorial of multiple strings in search ex. "Lorem","Lorem 1","Lorem 2","Lorem 3","Lorem 4"; and it shows the result of search all containing the data
Sir , there is one doubt ki MyApp define karna compulsory hai ya nhi . Bcoz aapne MyApp define nhi kiya or search app run bhi huaa but in my case just reverse
Hello Please make a video on search in flutter app on different firestore collection For eg there are three categories of vehical light , heavy , medium and have different collection in firebase And how to search throughout the app (search any category in home page )
Does this work if users input a username or something like that, and like instagram be able to search for usernames without having to manually write them in like he did with the cities
Thank you for the tutorial. Really its very nice. can you please make a video on how to connect with third party android SDK's . (for eg., as soon you click on the button in flutter it should display android or ios activity in app and few text fields which should send back the user input back to flutter app) Hand over the flutter view to android activity and send response back to flutter.
pawan bhai i m little confused there where u mentioned that we do some hard coding here may i asked what if we not do hardcoding is that data fetched from any where? a little confused
what should I do guys if i want use searchDelegate in the homePage ,not like this but if i click in the button search, this SearchDelegate appear in this same page
Do a flutter build web. Then deploy the app somewhere. Then open the app in Android, on any browser. Try to do your search 3-4 times. What do you notice?
Super tutorial. Thank you. I am a beginner and when I play it in AndroidStudio and launch the application ... it only shows the first letters typed and not the full name of the whole city ... And is it possible to work with a list saved separately and with several items?
Is it possible to override the buildResults method with the buildSuggestions method, so that it covers both aspects. This is because my search delegates suggestions are the same as the results
in my opinion. You should place the demo of your app on top of the video. This will create more excitement. I always have to watch demo before learning video
for real that's how all tutorials must be, cuz it doesn't make sense to read code without seeing the results in complete manner.
in the beginning and end of the video.
agree, cause it makes me excited to watch.. because we already know the result.
Hats off to you! Just 24 minutes gave me an INCREDIBLE amount of info! Helped me a lot!
This is the best tutorial I've watched online. You're amazing 🙌
This is one of the best video on flutter search that I have seen 👍
During my whole learning phase using ur sources one thing i realized everytime
pawan bhai you are such genuine heart and minded person
#reallyappreciateyourEfforts
#keepItup#theFlutterGem
Wow! This is exactly what I needed. You're an MVP!
Thanks a lot!
Thanks so much for another very important tutorial. You have a very captive group of students, and we look forward to all of your videos.
Clearly explain and easy to follow, I would like to ask about if we want to use endDrawer instead for transition drawer from the right. what we have to do because when I try it turn out invisible. Thank you!
put.. query = suggestionList[index]; before showResults(context); in ontap function to make the query equal to the String in List
This was the best tutorial I've ever seen
God bless you, thank you very much. Exactly what I wanted. You're using Android studio. I would really love all the useful flutter shortcuts keys too. Thanks
Thanks for the wonderful tutorials , any chance of the search using API tutorial?
Great Bro..Though I have not gone through your Tutorials but Thumbs up from me. I was looking for Advanced Quiz app for android tutorials
Nice work man...I good follow up of this tutorial could be an integration with google maps api (such google places). So we can learn how to integrate with an api. Great work
Maybe this will become helpful when querying to Firestore. I used a different plugin for search, yet I have to implement it in a way its good to show its results. Thanks for the Tutorial
best Tutorial explaining all what a beginner need to implement in a search bar.
great job.
i will implement this searching method but i'm not using appbar on my apps, will it work without using appbar?
edit : It Works, thanks a lot, this tutorial is very helpful
I loved this tutorial but I needed with Firestore.
have you found it yet?
Good Tutorial Please where can i find an example with live json data?
Thanks
Incredible video, 10/10 thank you very much for this!
Looks really good men, really easy in flutter. Gonna try it with sql or firebase
Very nice, friend. Thank you very much!
It's pretty clear! Thank you so much for doing this Tutorial Video!!!!! 👏👏
You are amazing. You really helped me and i understood everything you said clearly!
Thanks
But i have a question, if in the build results i want to change to another screen when the result is tapped, how should i do it? Thanks in advance.
तकिया कलाम
उम, अहं , basically ,what we can do
overall nice going
Amazing tutorial, loved the method of going through it :D
Nice tutorial but your scope fell a bit short. You should've shown how we can filter a listview of cities after searching and returning the query. After watching this, I know how to create a searchbar with SearchDelegate and that's it. Seems a bit half-baked.
Thank you bhaiya for this tutorial
thank you so much Pawan that you teaching us in English :D
Excellent content, great job. The noise since 21:33 is sad because the tutorial is so useful.
This was really helpful and well explained, thank you!
Thank you. It was of great help.
Thank you some much, very helpful!you explain very well
Thanks for the great video! It really helped me a lot!
Thank you so much for this. I was looking for this one exactly.
Amazing video
quick question tho, how would'd you go about the search accepting ND or Nwd for new dheli (a couple of letters in the right order) and bolding those letters?
Thank you so much for this tutorial! I've been looking for this the whole time. Please implement it on your Pokemon app. I want to know how to query in ListView and then show the results on the next page.
Thanks ❤️ amazing tutorial
Very helpful easily understandable and well explained .
Amazing... totally awesome
Nice tutorial.. I think it will be more clear if you implement it in pokemon app...waiting bro thanks
Great job bro 👏
Nice Tutorial !!
what a beauty you code, excellent
Very thank you for this great tutorial. There is one thing that you should correct, is it wrong use query in buildResults? Because if I search 'New D' and I tap on 'New Delhi' I want to see for result text 'New Delhi' and not only what I've typed.
It was a really good video, thanks you a lot, but I have a question, it's posible to get the seleccted value on the previous widget, i mean without have to send with a navigator.pushnamed to another please ? to be more clear, to have autocomplete input on a form, select value, return to the same widget and display on the widget where I have the onTap or onPress inside the form
awesome tutorial so easy to understand
Thanks so much for making this video :)
thank you. can you please provide how can we use some thing like bold the text for a huge list and characters, because the substring is a limited?
Great videos, I learned some much from this video. :)
Awesome content. Is there a way to override the default hint text.
very thanks man , thank you
Do you have a course in Udemy ?
Thank you so much for this tutorial Pawan!
Thank you so much... very nice tutorial.. can you please create video deep link flutter
thanks so much... helped me alot
Thank you for this lesson
thanks Pawan for making this tutorial
Great explanation. Btw is the any way to change default placeholder/hint?
very beginner friendly buh pls am having issues with the cases... the search is case sensitive.. how can i make both the search and query same case
Hello Sam do this
final suggestionList = query.isEmpty
? recentCities
: cities.where((p) => p.toLowerCase().contains(query) && p.toLowerCase().startsWith(query)).toList();
u r a flutter gem boi
You the best bro
Amazing video 🤩 , well explained
This is quite useful. Thanks
Why don't you make a tutorial series of e-commerce applications and use back-end a proper app which work like Amazon or Flipkart
Can you have a tutorial of multiple strings in search ex. "Lorem","Lorem 1","Lorem 2","Lorem 3","Lorem 4"; and it shows the result of search all containing the data
Sir , there is one doubt ki MyApp define karna compulsory hai ya nhi .
Bcoz aapne MyApp define nhi kiya or search app run bhi huaa but in my case just reverse
Thanks for this.
But what if I want to get search results from the whole of my app and not just some list of strings???
Well explained!
Hello
Please make a video on search in flutter app on different firestore collection
For eg there are three categories of vehical light , heavy , medium and have different collection in firebase
And how to search throughout the app (search any category in home page )
Thank you for this tutorial
Does this work if users input a username or something like that, and like instagram be able to search for usernames without having to manually write them in like he did with the cities
thank you, clear enough, i love it
Thank you for the tutorial. Really its very nice.
can you please make a video on how to connect with third party android SDK's . (for eg., as soon you click on the button in flutter it should display android or ios activity in app and few text fields which should send back the user input back to flutter app) Hand over the flutter view to android activity and send response back to flutter.
best one ❤️✨
pawan bhai i m little confused there where u mentioned that we do some hard coding here may i asked what if we not do hardcoding is that data fetched from any where? a little confused
Awesome!
thank you man for this beautiful work but where is the code for this app? you are using github like a advertising poster about yourself.
Is it possible to show a search bar in other widgets that not a Scaffold? For example: show a search bar in a modal bottom sheet
Thanks, It was very useful!
Great tutorial! Thank you!
great tutorial. how can i add real suggestion in my search bar?
this what i want. thank you dude.
so much appreciated man! thanks!
what should I do guys if i want use searchDelegate in the homePage ,not like this but if i click in the button search, this SearchDelegate appear in this same page
Thank you, this helped me a lot
Do a flutter build web. Then deploy the app somewhere. Then open the app in Android, on any browser. Try to do your search 3-4 times. What do you notice?
Super tutorial. Thank you.
I am a beginner and when I play it in AndroidStudio and launch the application ... it only shows the first letters typed and not the full name of the whole city ...
And is it possible to work with a list saved separately and with several items?
Thanks for this is really help me.
Sir please suggest the best extension for vscode error or fixed suggestions in flutter
Please provide the source code of this
well explained. but if i want to search against my database how this can be integrated?
Here is the code:
class Example9 extends StatelessWidget {
@override
Widget build(BuildContext context) {
// TODO: implement build
return Scaffold(
appBar: AppBar(
title: Text('Seach App'),
actions: [
IconButton(
icon: Icon(Icons.search),
onPressed: () {
showSearch(context: context, delegate: DataSearch());
},
)
],
),
drawer: Drawer(),
);
}
}
class DataSearch extends SearchDelegate {
final cities = [
"Barcelona",
"Madrid",
"Valencia",
"Malaga",
"Paris",
];
final recentCities = [
"Barcelona",
"Madrid",
];
@override
List buildActions(BuildContext context) {
// TODO: Actions for AppBar
return [
IconButton(
icon: Icon(Icons.clear),
onPressed: () {
query = "";
},
)
];
}
@override
Widget buildLeading(BuildContext context) {
// TODO: Leading icon on the left of the AppBar
return IconButton(
icon: AnimatedIcon(
icon: AnimatedIcons.menu_arrow,
progress: transitionAnimation,
),
onPressed: () {
close(context, null);
},
);
}
@override
Widget buildResults(BuildContext context) {
// TODO: Show some result based on the selection
return Container(
height: 100.0,
width: 100.0,
child: Card(
color: Colors.red,
child: Center(
child: Text(query),
),
),
);
}
@override
Widget buildSuggestions(BuildContext context) {
// TODO: Show when someone searches for something
final suggestionList = query.isEmpty
? recentCities
: cities.where((p) => p.startsWith(query)).toList();
return ListView.builder(
itemBuilder: (context, index) => ListTile(
onTap: () {
showResults(context);
},
leading: Icon(Icons.location_city),
title: RichText(
text: TextSpan(
///Bold text when you search suggestions
text: suggestionList[index].substring(0, query.length),
style: TextStyle(color: Colors.black, fontWeight: FontWeight.bold),
children: [
TextSpan(
text: suggestionList[index].substring(query.length),
style: TextStyle(color: Colors.grey),
),
],
),
),
),
itemCount: suggestionList.length,
);
}
}
great tutorial ...how would i add info from a bunch of different lists?
Great 👌 tutorial
awesone, thank you very much.
Great video! Any idea how to add a unique subtitle for the listile? I’ve implemented a subtitle but when I query, the subtitles don’t match its title
Is it possible to override the buildResults method with the buildSuggestions method, so that it covers both aspects. This is because my search delegates suggestions are the same as the results
thanks , perfect training
This is good lesson thanks