8

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

当我单击建议列表中的某个项目时,它会将我带到新的详细信息屏幕并正常工作。但是当我想回到搜索屏幕时,文本输入变成这样: 搜索画面

而且我不能再插入任何文本,直到重新启动应用程序或转到另一个页面,然后再次返回搜索页面!

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

2 回答 2

0

在flutter搜索源码第83-85行:

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

因此,该showSearch结构仅供一次性使用。DetailScreen如果您打算将其用于另一个搜索查询,则必须在从您的导航返回时再次调用它。

于 2019-03-07T14:59:33.953 回答
-2

我遇到了同样的问题,所以我所做的只是从材料库中复制 search.dart 并替换

bool get maintainState => false;

bool get maintainState => true;

在第 294 行它对我有用。

于 2019-06-14T05:01:13.067 回答