Как настроить панель поиска на SliverAppBar flutter

Question

Я новичок в флаттере. Я хочу настроить виджет поиска на SliverAppBar.

При прокрутке вверх я хотел бы, чтобы этот виджет поиска отображался с гибкой кнопкой «почти тележка», как показано на изображениях.

Код

        final expandedHeight = 150.0;

  @override
  Widget build(BuildContext context) {
    final products = Provider.of<ProductProvider>(context).products;
    return Scaffold(
      key: _scaffoldKey,
      drawer: CuzAppDrawer(),
      body: NestedScrollView(
        headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) {
          return <Widget>[
            SliverAppBar(
              expandedHeight: expandedHeight,
              floating: false,
              pinned: true,
              flexibleSpace: FlexibleSpaceBar(
                centerTitle: true,
                title: GestureDetector(
                  onTap: () => null,
                  child: Padding(
                    padding:
                        EdgeInsets.symmetric(horizontal: paddingThemeScreen()),
                    child: Container(
                        height: 30,
                        decoration: BoxDecoration(
                          color: nearlyWhite,
                          borderRadius: BorderRadius.circular(24),
                        ),
                        child: Row(
                          mainAxisAlignment: MainAxisAlignment.start,
                          crossAxisAlignment: CrossAxisAlignment.center,
                          children: [
                            const SizedBox(width: 10),
                            const Icon(Feather.search,
                                color: Colors.grey, size: 15),
                            const SizedBox(width: 5),
                            Text("Search product",
                                style: TextStyle(
                                    color: Colors.grey,
                                    fontSize: 12,
                                    fontWeight: FontWeight.w200))
                          ],
                        )),
                  ),
                ),
                background: Image.network(
                  "image-url",
                  fit: BoxFit.cover,
                ),
              ),
            ),
          ];
        },

Результат введите описание изображения здесь Expection введите описание изображения здесь

Пожалуйста, дайте мне советы или образцы, чтобы сделать это. Спасибо за то, что уделили время.