art*_*ick 5 dart flutter flutter-navigation
我在我的应用程序中使用Flutter SearchDelegate,下面是代码:
class NameSearch extends SearchDelegate<String> {
@override
List<Widget> buildActions(BuildContext context) {
return [
IconButton(
icon: Icon(Icons.clear),
onPressed: () {
query = "";
},
)
];
}
@override
Widget buildLeading(BuildContext context) {
return IconButton(
icon: AnimatedIcon(
icon: AnimatedIcons.menu_arrow, progress: transitionAnimation),
onPressed: () {
close(context, null);
},
);
}
@override
Widget buildResults(BuildContext context) {
return null;
}
@override
Widget buildSuggestions(BuildContext context) {
suggestionList = query.isEmpty ? [] : List.generate(nameList.length,
(i) => nameList[i]).where((p) => p.name.startsWith(query)).toList();
return ListView.builder(
itemBuilder: (context, index) => ListTile(
onTap: () {
Navigator.push(
context,
MaterialPageRoute(
builder: (context) => DetailScreen(
detail: suggestionList[index],
)));
},
leading: Icon(Icons.book),
title: RichText(
text: TextSpan(
text: suggestionList[index].name.substring(0, query.length),
style: TextStyle(
color: Colors.black, fontWeight: FontWeight.bold),
children: [
TextSpan(
text: suggestionList[index].name.substring(query.length),
style: TextStyle(color: Colors.grey))
]),
),
),
itemCount: suggestionList.length,
);
}
}
Run Code Online (Sandbox Code Playgroud)
当我单击建议列表中的项目时,它将带我到新的详细信息屏幕并正常工作。但是,当我想返回搜索屏幕时,文本输入变为:

而且,我无法再插入任何文本,直到重新启动应用程序或转到另一个页面,然后再返回搜索页面!
这是我的DetailScreen代码:
class DetailScreen extends StatelessWidget {
final BookDetail detail;
DetailScreen({Key key, @required this.detail}) : super(key: key);
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text(detail.name),
),
body: Padding(
padding: EdgeInsets.all(16.0),
child: Text(detail.description),
),
);
}
}
Run Code Online (Sandbox Code Playgroud)
flutter search源码第83 -85行:
用户选择搜索结果后,应调用 [SearchDelegate.close] 以从导航堆栈顶部删除搜索页面,并通知 [showSearch] 的调用者有关所选搜索结果的信息。
因此,该showSearch结构仅供一次性使用。DetailScreen如果您打算将其用于另一个搜索查询,则当您从您的导航返回时,您必须再次调用它。