如何在使用SearchDelegate Flutter时自定义appBar

时间:2020-08-14 06:40:17

标签: flutter

我是Flutter的新手,并且正在使用扩展了SearchDelgate的类的页面进行工作。即使我希望实现的功能可以按我的意愿工作,但我不喜欢它的外观和感觉。 AppBar中的颜色均为白色。有没有办法改变AppBar背景的颜色?

我的代码在下面:

class doctorSearch extends SearchDelegate<String> {

  List<Widget> buildActions(BuildContext context) {
      //somecode here
}

  @override
  Widget buildLeading(BuildContext context) {
      //somecode here
   }

  @override
  Widget buildResults(BuildContext context) {
//somecode here

  }

  @override
  Widget buildSuggestions(BuildContext context) {
//somecode here
   }

}```

1 个答案:

答案 0 :(得分:0)

Flutter提供了许多选项。
如果您为整个应用程序设置了整体主题,则可以覆盖appBarTheme以获得整体应用程序的外观,如下所示。

class exampleClass extends SearchDelegate<String> {
  @override
  ThemeData appBarTheme(BuildContext context) {
    return Theme.of(context);
  }
.
.
.
}// end of exampleClass

如果您希望为appBar定制颜色(在这种情况下为红色),则可以在扩展类“ SearchDelegate”内重写appBarTheme,如下所示:

class exampleClass extends SearchDelegate<String> {
  @override
  ThemeData appBarTheme(BuildContext context) {
    return ThemeData(
      primaryColor: Colors.red,
    );
  }
.
.
.
}// end of exampleClass