1
class MessagePage extends StatefulWidget {
2
  @override
3
  _MessagePageState createState() => _MessagePageState();
4
}
5

6
class _MessagePageState extends State<MessagePage> {
7
  PopupMenuItem _buildPopItem(String title, IconData icon) {
8
    return PopupMenuItem(
9
      child: Row(
10
        children: [
11
          Icon(
12
            icon,
13
            color: Colors.white,
14
          ),
15
          SizedBox(width: 8,),
16
          Text(
17
            title,
18
            style: const TextStyle(color: Colors.grey),
19
          ),
20
        ],
21
      ),
22
    );
23
  }
24

25
  @override
26
  Widget build(BuildContext context) {
27
    return Scaffold(
28
      appBar: AppBar(
29
        title: const Text('微信'),
30
        actions: [
31
          PopupMenuButton(
32
            color: Colors.black,
33
            // 设置垂直偏移量
34
            offset: const Offset(0, 60),
35
            itemBuilder: (context) {
36
              return [
37
                _buildPopItem('发起群聊', Icons.chat_bubble),
38
                _buildPopItem('添加朋友', Icons.person_add),
39
                _buildPopItem('扫一扫', Icons.qr_code_scanner),
40
                _buildPopItem('收付款', Icons.check_box),
41
              ];
42
            },
43
          ),
44
        ],
45
      ),
46
      body: Container(
47
        color: Colors.yellow,
48
        child: const Image(image: AssetImage('images/公众号.png')),
49
      ),
50
    );
51
  }
52
}