日常开发中 我们可能会用到 SearchDelegate 来实现一个搜索页面
但是对外只暴露了以下几个接口
buildActions()
buildLeading()
buildResults()
buildSuggestion() 等等
如果我们想自定义 TextField , 修改hintText内容
或者AppBar下还想添加一个bottom怎么办呢, 这边提供一个方法以供参考
定义一个ASearchDelegate 继承自 SearchDelegate, 把SearchDelegate 源码都拷进来(material\search.dart)
showSearch方法也换个名 showASearch(内部类可以都加个A前缀以区分, 同时继承一下原有类)
接着 找到_ASearchPageState 的build方法
会返回一个Semantics 对象, 其实整个搜索页面就在这里定义的啦
ok, 就在这里自由发挥了
下图是题主的改动
对应调用处则调整为: showASearch(context, ASearchDelegate());
效果图:
日常开发中 我们可能会用到 SearchDelegate 来实现一个搜索页面 但是对外只暴露了以下几个接口 bui...
Flutter 搜索界面的实现，SearchDelegate的使用 1.使用系统的搜索界面 在之前的学习中自己实现...
自定义SearchPage 新建search_page.dart文件，创建顶部搜索栏以及布局搜索页面 聊天页面搜索...
如下图所示，我们用 Flutter 来仿写搜索页面，这里聊天首页点击搜索栏会跳转到搜索页，搜索页面包含顶部搜索框跟...
最近在做项目时需要用到搜索框搜索功能，百度后记之以温习。 实现搜索功能的SearchDelegate 实现搜索功能...
搜索页面 SYHotSearchView 搜索热词自定义多样式视图，可以根据实际需要自定义样式。 九宫格显示，根据...
在Android原生中，有广播可以进行跨页面传递数据。Flutter中我们可以自定义一个事件总线，实现跨页面传递数...
一、混合开发场景原生页面可以打开Flutter页面 Flutter页面可以打开原生页面 二、Flutter混合开发...
本文flutter实现了常用的页面 1、下拉刷新，上拉加载，自定义header 2、tab页 + ScrollVi...
功能展示 首页实现 搜索页面实现 旅拍页面 DAO 采坑 启动屏 自定义Widget 打包 功能展示 DAO 采坑...
本文标题：Flutter 自定义SearchDelegate搜索页面
本文链接：https://www.haomeiwen.com/subject/nnpupttx.html
网友评论