Flutter中如何移除Floating Search Bar的返回箭头？

你之前设置iconColor为透明只是让箭头视觉上不可见，但组件本身的布局空间依然存在。要彻底移除它，直接在FloatingSearchBar中添加leading参数，将其替换为一个尺寸为0的空容器即可：

修改后的代码示例：

return FloatingSearchBar(
          controller: widget.controller,
          elevation: 2,
          // 添加此行，彻底移除返回箭头组件
          leading: const SizedBox.shrink(),
      
          hint: 'search .. ',
          border: const BorderSide(style: BorderStyle.none),
          margins: widget.margins,
          // padding: EdgeInsets.fromLTRB(2.w, 10.w, 2.w, 0),
          iconColor:  AppColors.primaryColor,
          scrollPadding: EdgeInsets.only(top: 10.w, bottom: 56.w),
          transitionDuration: const Duration(milliseconds: 300),
          transitionCurve: Curves.easeInOut,
          physics: const BouncingScrollPhysics(),
          debounceDelay: const Duration(milliseconds: 500),
          onQueryChanged: widget.onQueryChanged,
          onFocusChanged: widget.onFocusChanged,
          transition: CircularFloatingSearchBarTransition(),
          borderRadius: BorderRadius.circular(50.r),
          actions: [
            FloatingSearchBarAction(
                showIfOpened: true,
                child: Image.asset(
                  AppImages.search,
                  width: 60.w,
                  height: 25.w,
                ))
          ],
);

原理是leading参数控制搜索栏左侧的前置组件，默认是返回箭头，将其替换为SizedBox.shrink()（一个尺寸为0的容器），就能完全消除该组件的布局空间，实现彻底移除的效果。

内容的提问来源于stack exchange，提问作者KIRAx2000