Flutter Search Bar - The Simplest & Fastest Way

Поделиться
HTML-код
  • Опубликовано: 9 янв 2025

Комментарии •

  • @yarsort
    @yarsort 3 года назад +5

    Thank you from Ukraine. Really awesome video

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Pleasure Yarsort! Thanks for the comment and have a fantastic day ✌

  • @marc_overmars
    @marc_overmars 3 года назад +8

    Please continue this series in 2022.

  • @lookdadnomilk
    @lookdadnomilk 3 года назад +2

    I've been using form field all this time, thanks so much

    • @FlutterMapp
      @FlutterMapp  3 года назад +1

      Pleasure! This one is simpler I think 👏

  • @frostsmaker8966
    @frostsmaker8966 3 года назад +2

    Woah another channel about the flutter widget. Awesome.
    Keep like this, make it short and you will have so many views.

    • @FlutterMapp
      @FlutterMapp  3 года назад +1

      Yeah this is the goal, fast video without time wasting. Because why watching a 15min video when you can watch a 2min video 😂😂

    • @frostsmaker8966
      @frostsmaker8966 3 года назад +1

      @@FlutterMapp Most developers just forget some concept, they want something quick, they spend more time working on the project itself.
      Your channel will help those developers. Good Job.

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Letsgooo! Thanks a lot Frosts! ✌️

  • @abdullrahmanbahar8215
    @abdullrahmanbahar8215 3 года назад +7

    hi, I really enjoyed these flutter of the day series. Just a suggestion if you can add some firebase videos
    Thank you so much for your time and effort in these videos

    • @FlutterMapp
      @FlutterMapp  3 года назад +1

      Hi Abdull, Firebase videos will come on the channel for sure 🎉

  • @gundamkw1095
    @gundamkw1095 2 года назад +2

    This exactly what i need, thanks you so much

  • @saqqara6361
    @saqqara6361 2 года назад

    Great....didnt know this widget although I thought I´m a flutter professional! 😀

  • @KFrench1123
    @KFrench1123 11 месяцев назад

    Great stuff, thank you!

  • @surbhipaliwal3576
    @surbhipaliwal3576 9 месяцев назад

    Thanks from India

  • @S-Lomar
    @S-Lomar Год назад

    Thanks for sharing ❤️💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕💕

  • @fluttersteps
    @fluttersteps 2 года назад +1

    Awesome video 👏👏

    • @FlutterMapp
      @FlutterMapp  2 года назад

      Thank you very much Moocsoft👏🔥

  • @abdulmuhaimenhasn45
    @abdulmuhaimenhasn45 3 года назад +1

    I love you sooo much thank you

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Thank you very much Hasn 👏 I do appreciate your comment 🚀

  • @thunderinvader9031
    @thunderinvader9031 3 года назад +3

    Cool vid as always. Can you please make a video about accepting payments in app? I'm pretty familiar with apple side of things but don't know how to use it with flutter and also how to do it with Play market side for accepting payments on Android

    • @FlutterMapp
      @FlutterMapp  3 года назад +1

      Yeah sure, this videos will come on 2022 probably since its more advance stuff 😂🚀

    • @thunderinvader9031
      @thunderinvader9031 3 года назад +1

      Cool!

  • @mohamednizam5298
    @mohamednizam5298 Год назад +1

    To search an sqflite db how do i do that? Is it the same? Any specific steps to be taken? Fantastic vids 😊

  • @poisonels8023
    @poisonels8023 3 года назад +1

    Thanks a lot

  • @whoami-so2hy
    @whoami-so2hy 2 года назад

    thanks for sharing

  • @muniralmeslaty9602
    @muniralmeslaty9602 3 года назад +1

    Thank you

  • @knighthunter8717
    @knighthunter8717 3 года назад +2

    Awsome can you do some more detailed on firebase yours tutorial is easy to catch

    • @FlutterMapp
      @FlutterMapp  3 года назад +2

      Yeah sure, some firebase tutorial will be available soon on the channel 🚀

  • @trinib1
    @trinib1 3 года назад +1

    advanced stuff

  • @jarvsgithub6017
    @jarvsgithub6017 2 года назад

    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

  • @anandparameswaran6032
    @anandparameswaran6032 Год назад

    the video shows the same code for suggestions and results ?

  • @darthlynx5792
    @darthlynx5792 4 месяца назад +2

    Why are you running as if someone is chasing you?

  • @nvarrzgar9075
    @nvarrzgar9075 2 года назад

    can i put the button inside body ?

  • @mrprimeto3345
    @mrprimeto3345 Год назад

    Can u make search bar for number list? like barcode list.

  • @adhamjamal4701
    @adhamjamal4701 3 года назад

    Amazing, is it allow in git?

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Someone asked for the code and I copy paste it in the comments if you need it 👏

  • @musti7973
    @musti7973 2 года назад

    Thanks for this! I tried it out and it's great, but is there a way to customize what the search bar looks like? Thanks

  • @blackhatvisions
    @blackhatvisions 3 года назад +1

    That's a package or flutter built-in???

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Built-in 🔥🚀

    • @blackhatvisions
      @blackhatvisions 3 года назад +1

      Omg i didn't know and had to create everything from scratch everytime! I'm upset lol
      Thank you for showcasing this ❤️

    • @FlutterMapp
      @FlutterMapp  3 года назад

      @@blackhatvisions Yeah that pretty cool and useful 🚀 Have a great day ✌

  • @abhishake5678
    @abhishake5678 3 года назад +2

    Damn i had spent so much more time coz i didnt know about this

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Letsgooo! This is the most underrated I think. 🤣

    • @abhishake5678
      @abhishake5678 3 года назад

      @@FlutterMapp yeah was really helpful

  • @anurag8480
    @anurag8480 3 года назад +1

    ❤️❤️❤️❤️

  • @pritomchowdhury6178
    @pritomchowdhury6178 3 года назад +1

    can you please share int his source code

    • @FlutterMapp
      @FlutterMapp  3 года назад +2

      import 'package:flutter/material.dart';
      class MyHomePage extends StatefulWidget {
      const MyHomePage({Key? key, required this.title}) : super(key: key);
      final String title;
      @override
      State createState() => _MyHomePageState();
      }
      class _MyHomePageState extends State {
      @override
      Widget build(BuildContext context) {
      return Scaffold(
      appBar: AppBar(
      title: Text(widget.title),
      actions: [
      IconButton(
      onPressed: () {
      showSearch(
      context: context,
      delegate: CustomSearchDelegate(),);
      },
      icon: const Icon(Icons.search),
      ),
      ],
      ),
      );
      }
      }
      class CustomSearchDelegate extends SearchDelegate {
      List searchTerms = [
      'Apple',
      'Banana',
      'Pear',
      'Watermelons',
      'Oranges',
      'Blueberries',
      'Strawberries',
      'Raspberries',
      ];
      @override
      List buildActions(BuildContext context) {
      return [
      IconButton(
      icon: const Icon(Icons.clear),
      onPressed: () {
      query = '';
      },
      ),
      ];
      }
      @override
      Widget buildLeading(BuildContext context) {
      return IconButton(
      icon: const Icon(Icons.arrow_back),
      onPressed: () {
      close(context, null);
      },
      );
      }
      @override
      Widget buildResults(BuildContext context) {
      List matchQuery = [];
      for (var fruit in searchTerms) {
      if (fruit.toLowerCase().contains(query.toLowerCase())) {
      matchQuery.add(fruit);
      }
      }
      return ListView.builder(
      itemCount: matchQuery.length,
      itemBuilder: (context, index) {
      var result = matchQuery[index];
      return ListTile(
      title: Text(result),
      );
      },
      );
      }
      @override
      Widget buildSuggestions(BuildContext context) {
      List matchQuery = [];
      for (var fruit in searchTerms) {
      if (fruit.toLowerCase().contains(query.toLowerCase())) {
      matchQuery.add(fruit);
      }
      }
      return ListView.builder(
      itemCount: matchQuery.length,
      itemBuilder: (context, index) {
      var result = matchQuery[index];
      return ListTile(
      title: Text(result),
      );
      },
      );
      }
      }

    • @FlutterMapp
      @FlutterMapp  3 года назад +4

      Hope this help 🙏

  • @The__Leo69
    @The__Leo69 3 года назад +5

    Okay. Not any harder to create it manually tbh.

  • @AbhideepChakravarty
    @AbhideepChakravarty 3 года назад +1

    This does not work on Flutter web on Android.

    • @FlutterMapp
      @FlutterMapp  3 года назад

      Not sure about this. I never tested on web 🤔 Thanks for sharing 🚀

    • @AbhideepChakravarty
      @AbhideepChakravarty 3 года назад +1

      @@FlutterMapp I have even raised a bug, I guess an year back. They marked it as P4 🤦🏻‍♂️🙄. Still pending.

    • @FlutterMapp
      @FlutterMapp  3 года назад

      @@AbhideepChakravarty 🤣🤣 Yeah flutter web is not Flutter team priority 🤣

  • @xushidjonismatov4181
    @xushidjonismatov4181 5 месяцев назад

    rahmat

  • @binoyjyotichakma9079
    @binoyjyotichakma9079 3 года назад +1

    share source code please

    • @FlutterMapp
      @FlutterMapp  3 года назад

      I don't have the source code anymore. 🥲 Hope your understand 🔥