Question

我在我的应用中使用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,
    );
    }
}

当我单击建议列表中的项目时，它将带我到新的详细信息屏幕并正常工作。但是，当我想返回搜索屏幕时，文本输入变为： search screen

我再也无法插入任何文本，直到重新启动应用程序或转到另一个页面，然后再返回搜索页面！

这是我的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),
      ),
    );
    }
}

Answer 1

在颤动搜索source code的第83 -85行中：

用户选择搜索结果后，应将[SearchDelegate.close]设置为调用以从导航堆栈顶部删除搜索页面，然后通知[showSearch]的调用者有关所选搜索结果的信息。

因此showSearch仅构造为一次性使用。而且，如果您打算将其用于其他搜索查询，则必须从DetailScreen返回时再次调用它。

Answer 2

我遇到了同样的问题，所以我要做的就是简单地从材料库中复制search.dart并替换

bool get maintainState => false;

到

bool get maintainState => true;

第294行对我有用。

从路线导航回时，Flutter搜索委托不起作用

2 个答案: