Flutter SearchDelegate默认查询值设置及可修改问题求助

嘿，我明白你的问题了——之前在buildLeading()里设置query导致用户无法修改，是因为buildLeading()会随着搜索页面的动画或UI更新反复调用，每次调用都会把query重置成你设置的值，自然就覆盖了用户的输入。

下面给你两种可行的解决方案，都能让打开搜索框时显示默认值，同时用户可以自由修改：

方案一：在构造函数中初始化默认query #

直接在SearchDelegate子类的构造函数里设置query的初始值，这样只会在创建实例时执行一次，不会干扰后续的用户输入：

class TheSearch extends SearchDelegate<String>{
  // 添加默认query参数，支持传入初始值
  TheSearch({
    this.contextPage,
    this.controller,
    this.compressionRateSearch,
    String? initialQuery, // 新增初始query参数
  }) {
    // 如果传入了初始值，就设置给query
    if (initialQuery != null) {
      query = initialQuery;
    }
  }

  BuildContext? contextPage;
  WebViewController? controller;
  final suggestions1 = ["https://www.google.com"];

  @override
  String get searchFieldLabel => "Enter a web address";

  // 其余方法保持不变...
  @override
  List<Widget> buildActions(BuildContext context) {
    return [
      IconButton(
        icon: const 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 const SizedBox();
  }

  @override
  Widget buildSuggestions(BuildContext context) {
    final suggestions = query.isEmpty ? suggestions1 : [];
    return ListView.builder(
      itemCount: suggestions.length,
      itemBuilder: (content,index) => ListTile(
        leading: const Icon(Icons.arrow_left),
        title: Text(suggestions[index])
      ),
    );
  }
}

使用的时候，直接传入初始值即可：

showSearch(
  context: context,
  delegate: TheSearch(initialQuery: "https://www.google.com"),
);

方案二：重写buildSearchField自定义搜索框 #

如果你需要更灵活地控制搜索框的样式或行为，可以重写buildSearchField方法，自定义TextField并设置初始值：

class TheSearch extends SearchDelegate<String>{
  final String defaultQuery;
  TheSearch({
    this.contextPage,
    this.controller,
    this.compressionRateSearch,
    this.defaultQuery = "",
  });

  // 其他属性和方法不变...

  @override
  Widget buildSearchField(BuildContext context) {
    return TextField(
      // 设置初始值，优先使用当前query（用户输入的内容），否则用默认值
      controller: TextEditingController(text: query.isEmpty ? defaultQuery : query),
      decoration: InputDecoration(
        labelText: searchFieldLabel,
        border: InputBorder.none,
        hintText: searchFieldLabel,
      ),
      // 同步用户输入到query
      onChanged: (value) {
        query = value;
      },
      autofocus: true,
    );
  }
}

这样不仅能设置默认值，还能自定义搜索框的样式，完全满足你的需求。

内容的提问来源于stack exchange，提问作者Mathe Eliel