即使滚动,如何使搜索栏浮动或粘在屏幕上?

问题描述

Search bar

即使向下滚动,我也希望应用程序栏和搜索文本框都显示在屏幕上

解决方法

通过使用 appbar 的底部属性

bottom: PreferredSize(
          preferredSize: Size.fromHeight(70),child: Container(
            //width: MediaQuery.of(context).size.width*0.90,height: 70,width: MediaQuery.of(context).size.width,padding: EdgeInsets.symmetric(vertical: 14,horizontal: 20),color: Colors.white,child: TextFormField(
                 decoration: InputDecoration(
                 prefixIcon: Icon(Icons.search_rounded,color: Colors.grey,size: 40,),border: InputBorder.none,fillColor: Colors.grey.shade300,enabledBorder: OutlineInputBorder(borderSide: BorderSide(
                     color: Colors.grey.shade500,borderRadius: BorderRadius.circular(10),filled: true,focusedBorder: OutlineInputBorder(
                       borderRadius: BorderRadius.circular(10),borderSide: BorderSide(
                         color: Colors.grey.shade300
                     )
                 ),hoverColor: Colors.black,'