title: How do i make this search bar work in flutter
body: <p>Here is the code for my search bar, whenever i enter some value in the search bar i want it to show items available on the list which matches the entered value.</p>
  <pre><code>class HeaderWithSearchBox extends StatelessWidget {
    const HeaderWithSearchBox({
      Key key,
      @required this.size,
    }) : super(key: key);
  
    final Size size;
  
    @override
    Widget build(BuildContext context) {
      return Container(
        margin: EdgeInsets.only(bottom: kDefaultPadding * 1.5),
        // It will cover 20% of our total height
       // height: size.height * 0.2,
        child: Stack(
          children: &lt;Widget&gt;[
            Container(
              padding: EdgeInsets.only(
                left: kDefaultPadding,
                right: kDefaultPadding,
                bottom: 36 + kDefaultPadding,
              ),
              //height: size.height * 0.2 - 27,
              decoration: BoxDecoration(
                //color: kPrimaryColor,
                borderRadius: BorderRadius.only(
                  bottomLeft: Radius.circular(36),
                  bottomRight: Radius.circular(36),
                ),
              ),
            ),
            Positioned(
              bottom: 0,
              left: 0,
              right: 0,
              top: 20,
              child: Container(
                alignment: Alignment.center,
                margin: EdgeInsets.symmetric(horizontal: kDefaultPadding),
                padding: EdgeInsets.symmetric(horizontal: kDefaultPadding),
                height: 54,
                decoration: BoxDecoration(
                  color: Colors.white,
                  borderRadius: BorderRadius.circular(20),
                  boxShadow: [
                    BoxShadow(
                      offset: Offset(0, 10),
                      blurRadius: 50,
                      color: kPrimaryColor.withOpacity(0.23),
                    ),
                  ],
                ),
                child: Row(
                  children: &lt;Widget&gt;[
                    Expanded(
                      child: Center(
                        child: TextField(
                          onChanged: (value) {
  
                          },
                          decoration: InputDecoration(
                            hintText: &quot;Search&quot;,
                            hintStyle: TextStyle(
                              color: kPrimaryColor.withOpacity(0.5),
                            ),
                            enabledBorder: InputBorder.none,
                            focusedBorder: InputBorder.none,
                         
                          ),
                        ),
                      ),
                    ),
                    Icon(Icons.search),
                  ],
                ),
              ),
            ),
          ],
        ),
      );
    }
  }
  </code></pre>
  <p>whenever i enter some value in the search bar i want it to show items available on the list which matches the entered value.
  when the item is clicked i want to open new page, how can i do that? Any help will be appreciated.</p>