title: How do i customize flappy_search_bar in flutter
body: <p>whenever i enter a value in search bar i want to match it from the available list, for example if this is my list
  List fooList = ['one', 'two', 'three', 'four', 'five']; and i enter e in search bar it should list those items which contains e in it. How can i do that, anybody please help.</p>
  <pre><code>class _HomeState extends State&lt;HeaderWithSearchBox1&gt; {
      
        final SearchBarController&lt;Post&gt; _searchBarController = SearchBarController();
        
      
    Future&lt;List&lt;Post&gt;&gt; _getALlPosts(String text) async {
      List&lt;Post&gt; posts = [];
  
      var random = new Random();
      for (int i = 0; i &lt; 10; i++) {
        posts
            .add(Post(&quot;$text $i&quot;, &quot;body random number : ${random.nextInt(100)}&quot;));
      }
      return posts;
    }
  
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: SafeArea(
          child: SearchBar&lt;Post&gt;(
            minimumChars: 1,
            searchBarPadding: EdgeInsets.symmetric(horizontal: 10),
            headerPadding: EdgeInsets.symmetric(horizontal: 10),
            listPadding: EdgeInsets.symmetric(horizontal: 10),
            onSearch: _getALlPosts,
            searchBarController: _searchBarController,
            placeHolder: Center(
                child: Text(
                  &quot;PlaceHolder&quot;,
                  style: TextStyle(fontSize: 30),
                )),
            cancellationWidget: Text(&quot;Cancel&quot;),
            emptyWidget: Text(&quot;empty&quot;),
            onCancelled: () {
              print(&quot;Cancelled triggered&quot;);
            },
            mainAxisSpacing: 10,
            onItemFound: (Post post, int index) {
              return Container(
                color: Colors.lightBlue,
                child: ListTile(
                  title: Text(post.title),
                  isThreeLine: true,
                  subtitle: Text(post.body),
                  onTap: () {
                    Navigator.of(context)
                        .push(MaterialPageRoute(builder: (context) =&gt; Detail()));
                  },
                ),
              );
            },
          ),
        ),
      );
    }
  }
  
  class Detail extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(),
        body: SafeArea(
          child: Center(child: Text(&quot;Detail&quot;, style: TextStyle(fontSize: 30),)),
        ),
      );
    }
  }
  </code></pre>