如何在不单击的情况下显示抖动搜索文本字段

问题描述

我想打开直接以搜索文本字段为焦点的搜索页面。我不想通过单击搜索图标按钮来键入搜索词的另一步骤。我必须编写什么代码？这是我当前的代码。 我不希望出现这种情况； https://i.stack.imgur.com/bgiRE.png 但这会在此页面打开时显示； https://i.stack.imgur.com/VzFuz.png

 class Search extends StatefulWidget {
 @override
 _SearchState createState() => _SearchState();
 } 

class _SearchState extends State<Search> {
@override
Widget build(BuildContext context) {
 return Scaffold(
   appBar: AppBar(
    title: Text('Search App'),actions: [
      Builder(
        builder: (context) => IconButton(
            icon: Icon(Icons.search),onpressed: () async {
              await showSearch(context: context,delegate: DataSearch());
            }),)
        ],),);
     }
    }

   class DataSearch extends SearchDelegate<String> {
   List allfields = ['a','b',... ];
 
  @override
  List<Widget> buildActions(BuildContext context) {
                     ...
  }

  @override
  Widget buildLeading(BuildContext context) {
                        ...
  }

  @override
  Widget buildresults(BuildContext context) {
                    ...
  }

 @override
 Widget buildSuggestions(BuildContext context) {
                   ...
 }

PS：我解决了这个问题，不再制作其他页面进行搜索。我在页面上制作了一个带有搜索栏的页面，现在单击该页面时，我将直接进入搜索状态。

解决方法

我认为您可以做这样的事情，

class _SearchState extends State<Search> {
  @override
  Widget build(BuildContext context) {
    void openSearch() async {
      await showSearch(context: context,delegate: DataSearch(),query: '');
    }

    openSearch();

    return Scaffold(
      appBar: AppBar(
        title: Text('Search App'),actions: [
          IconButton(
            icon: Icon(Icons.search),onPressed: () { openSearch(); },)
        ],),);
  }
}

希望能解决您的问题。

,

尽管我没有在您的代码中找到任何文本字段，但可以满足您的要求。在您的文本字段上设置自动对焦，如下所示。

TextField(
  autofocus: true,)

了解更多here。