flutter搜索

下面这个文件是一个独立的搜索界面,进入搜索的方式:

调用 showSearch(context: context, delegate: searchBarDelegate()); 方法跳转到搜索界面


import 'package:flutter/material.dart';


class SearchBarDelegate extends SearchDelegate<String> {
//搜索栏右边的按钮,可以根据需要边写功能
@override
List<Widget> buildActions(BuildContext context) {
return [
IconButton(
icon: Icon(Icons.clear),
onPressed: () {
query = "搜索";
showSuggestions(context);
},
),
];
}

@override
//搜索栏左侧的返回按钮,也可以设置成为其他功能模式
Widget buildLeading(BuildContext context) {
return IconButton(
icon: AnimatedIcon(
icon: AnimatedIcons.menu_arrow, progress: transitionAnimation),
onPressed: () {
if (query.isEmpty) {
close(context, null);
} else {
query = "搜索";
showSuggestions(context);
}
},
);
}

@override
//显示搜索出来的结果,下方的ListView可以根据需要自行设置,不为空就可以;
Widget buildResults(BuildContext context) {
return ListView(
children: <Widget>[
Text('好好学习'),
Text('天天向上'),
],
);
}

@override
//在搜索栏下方显示搜索提示项,下方的ListView可以根据需要自行设置,不为空就可以;
Widget buildSuggestions(BuildContext context) {
return ListView(
children: <Widget>[
FlatButton(onPressed: null, child: Text('好好工作'),),
FlatButton(onPressed: null, child: Text('恭喜发财'),),
],
);
}

@override
ThemeData appBarTheme(BuildContext context) {
// TODO: implement appBarTheme
return super.appBarTheme(context);
}
}
posted @ 2019-06-08 00:39  braveheart007  阅读(468)  评论(0编辑  收藏  举报