开源鸿蒙跨平台开发者社区

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

调用 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);
  }
}