自定义浮动圆形应用栏

Question

我想制作一个圆形容器搜索栏，打开一个类似于 Google Chats 应用程序中的抽屉（参见屏幕截图）。不知道如何制作浮动应用栏和应用栏的圆形边框。

这是我希望的屏幕截图。菜单将打开一个抽屉。

Answer 1

您可以创建自己的自定义

AppBar

。 创建一个带有圆形边框的

TextField

并使用前缀和后缀图标，

prefixIcon

代表 菜单，

suffixIcon

代表头像。

要打开抽屉，请使用：

 InkWell(
   onTap: () => Scaffold.of(context).openDrawer(),
   child: Icon(
      Icons.menu,
   ),
 ),