如何在flutter中制作悬停应用栏？

Question

我想要实现的是下图：

我尝试调整应用栏的大小，但没有用：

      appBar: PreferredSize(
        preferredSize:
            Size.fromHeight(60.0),
        child: Container(
          margin: EdgeInsets.all(8.0),
          child: AppBar(
            title: Text('Login'),
          ),
        ),
      ),

Answer 1

尝试这样：

appBar: PreferredSize(
  preferredSize: const Size.fromHeight(60.0),
  child: ClipRRect(
    borderRadius: const BorderRadius.vertical(
      bottom: Radius.circular(50),
    ),
    child: AppBar(
      title: const Text('Login'),
      backgroundColor: Colors.red,
    ),
  ),
)

结果：