@H_403_1@
我需要在我的app工具栏中实现searchview来实现列表视图列表过滤器.像下面的图像,我搜索很多仍然没有得到正确的答案.任何帮助将不胜感激,谢谢你提前
解决方法
只需用户点击图标,您就需要在状态之间切换.除了一点点重构代码清理之外,这个简单的例子可以让你前进.
@L_404_1@
class SearchAppBar extends StatefulWidget {
@override
_SearchAppBarState createState() => new _SearchAppBarState();
}
class _SearchAppBarState extends State<SearchAppBar> {
Widget appBarTitle = new Text("AppBar Title");
Icon actionIcon = new Icon(Icons.search);
@override
Widget build(BuildContext context) {
return new Scaffold(
appBar: new AppBar(
centerTitle: true,title:appBarTitle,actions: <Widget>[
new IconButton(icon: actionIcon,onPressed:(){
setState(() {
if ( this.actionIcon.icon == Icons.search){
this.actionIcon = new Icon(Icons.close);
this.appBarTitle = new TextField(
style: new TextStyle(
color: Colors.white,),decoration: new InputDecoration(
prefixIcon: new Icon(Icons.search,color: Colors.white),hintText: "Search...",hintStyle: new TextStyle(color: Colors.white)
),);}
else {
this.actionIcon = new Icon(Icons.search);
this.appBarTitle = new Text("AppBar Title");
}
});
},]
),);
}
}
