如何对齐在颤音中抵消

Question

我在浮动按钮上有此菜单，但是我无法正确对齐。

我希望它直接显示在浮动按钮上方，并以此为中心，这是我当前的偏移量，也是它的照片。 图片。

我希望弹出菜单在图片2

”中

        floatingActionButton: FloatingActionButton(
            onPressed: () {},
            child: myPopMenu(context),
            backgroundColor: Colors.white,
        ),
        floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
        bottomNavigationBar: BottomNav(
            onChange: (a) {
                Navigator.of(context).pushAndRemoveUntil(
                    MaterialPageRoute(
                        builder: (c) => AppPage(initialPage: a,)),
                    (route) => false);
            },
        ),
    );
}


Widget myPopMenu(BuildContext context) {

    return Theme(
        data: Theme.of(context).copyWith(
            cardColor: Colors.white60,
        ),
        child: PopupMenuButton(
            offset: const Offset(-90, 100),
            icon: Image.asset('assets/logo.png', fit: BoxFit.cover, height: 40),
            onCanceled: () {
                setState(() {
                    isClicked = false;
                });
            },
            onSelected: (value) {
                setState(() {
                    isClicked = false;
                });

                print('pop up clicked');
                if (value == 0) {
                    alertRate();
                } else if (value == 1){
                    alertServices();
                }else if (value == 2) {
                    alertAdditonalInfo();
                }else if (value == 3){
                    alertReport();
                }
            },
            itemBuilder: (context) {
                setState(() {
                    isClicked = true;
                });

                return [
                    PopupMenuItem(
                        child: Center(
                            child: Text(
                                'Rate & Review',
                                style: TextStyle(color: Colors.black),
                            ),
                        ),
                        value: 0,
                    ),
                    PopupMenuItem(
                        height: 4,
                        child: Container(
                            height: 2,
                            color: Colors.black,
                        ),
                    ),
                    PopupMenuItem(
                        child: Center(
                            child: Text(
                                'Edit Available Services',
                                style: TextStyle(color: Colors.black),
                            ),
                        ),
                        value: 1,
                    ),
                    PopupMenuItem(
                        height: 4,
                        child: Container(
                            height: 2,
                            color: Colors.black,
                        ),
                    ),
                    PopupMenuItem(
                        child: Center(
                            child: Text(
                                'Edit Social Accounts',
                                style: TextStyle(color: Colors.black),
                            ),
                        ),
                        value: 2,
                    ),
                    PopupMenuItem(
                        height: 4,
                        child: Container(
                            height: 2,
                            color: Colors.black,
                        ),
                    ),
                    PopupMenuItem(
                        child: Center(
                            child: Text(
                                'Report an Issue',
                                style: TextStyle(color: Colors.black),
                            ),
                        ),
                        value: 3,
                    ),
                ];
            }),
    );
}

Answer 1

我认为最好的选择是使用对话框。

这是演示代码：

只需在您的函数中调用此信息：

Future<void> _displayDialog() async {
await showDialog(
  context: context,
  builder: (BuildContext context) {
    return SimpleDialog(
      backgroundColor: Colors.white60,
      elevation: 5.0,
      children: [
        SimpleDialogOption(
          onPressed: () {
            //  Do Something
            Navigator.pop(context);
          },
          child: const Text(
            'Rate & Review',
            textAlign: TextAlign.center,
            style: TextStyle(color: Colors.black),
          ),
        ),
        const Divider(
            color: Colors.black,
            thickness: 2.0,
            endIndent: 16.0,
            indent: 16.0),
        SimpleDialogOption(
          onPressed: () {
            //  Do Something
            Navigator.pop(context);
          },
          child: const Text(
            'Edit Available Services',
            textAlign: TextAlign.center,
            style: TextStyle(color: Colors.black),
          ),
        ),
        const Divider(
            color: Colors.black,
            thickness: 2.0,
            endIndent: 16.0,
            indent: 16.0),
        SimpleDialogOption(
          onPressed: () {
            //  Do Something
            Navigator.pop(context);
          },
          child: const Text(
            'Edit Social Accounts',
             textAlign: TextAlign.center,
            style: TextStyle(color: Colors.black),
          ),
        ),
        const Divider(
            color: Colors.black,
            thickness: 2.0,
            endIndent: 16.0,
            indent: 16.0),
        SimpleDialogOption(
          onPressed: () {
            //  Do Something
            Navigator.pop(context);
          },
          child: const Text(
            'Report an Issue',
            textAlign: TextAlign.center,
            style: TextStyle(color: Colors.black),
          ),
        ),
      ],
    );
  },
);}