Flutter：更改背景顏色抽屜菜單而不更改顏色應用欄

Question

我正在尋找創建一個自定義欄應用程序，如下圖所示

圖片 - 我想要的自定義欄應用程序

但是我無法將菜單抽屜的底部留白，也無法將我的文本向左對齊，它變得像這樣

圖片 - 我的自定義應用欄

我的代碼

 return Scaffold(
  appBar: AppBar(
    actions: <Widget>[
      Stack(
        children: <Widget>[
          Row(
            mainAxisAlignment: MainAxisAlignment.spaceBetween,
            children: <Widget>[
              Column(
                mainAxisAlignment: MainAxisAlignment.center,
                crossAxisAlignment: CrossAxisAlignment.start,
                children: <Widget>[
                  Text('Hi'),
                  Text('@Name'),
                ],
              ),
              SizedBox(
                width: 10,
              ),
              CircleAvatar(backgroundColor: Colors.white),
              SizedBox(
                width: 8,
              ),
              CircleAvatar(
                backgroundColor: Colors.white,
              ),
              SizedBox(
                width: 16,
              ),
            ],
          ),
        ],
      ),
    ],
  ),
  body: Container(),
  drawer: Drawer(
    child: ListView(
      children: <Widget>[
        UserAccountsDrawerHeader(
          accountName: Text('Name'),
          accountEmail: Text('Email'),
          currentAccountPicture: CircleAvatar(
            backgroundColor: Colors.black,
            child: Text('N'),
          ),
        ),
        ListTile(
          leading: Icon(Icons.home),
          title: Text("Home"),
        )
      ],
    ),
  ),
);

Answer 1

這是一個工作示例。 你只需要自定義它

@override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        //centerTitle: true,
        title: Column(
          children: <Widget>[
            Text("Hola "),
            Text("Senior"),
          ],
        ),
        leading: Padding(
          padding: const EdgeInsets.symmetric(vertical: 12),
          child: Material(
              elevation: 0,
              borderRadius: BorderRadius.only(
                topRight: Radius.circular(16),
                bottomRight: Radius.circular(16),
              ),
              color: Colors.yellow,
              child: Icon(Icons.menu)),
        ),
        actions: [
          CircleAvatar(
          backgroundColor: Colors.white,)
        ]
      ),
      body: Center(
        child : Text('Content')
      )
    );
  }
}