如何在 flutter 中打开此类警报对话框

Question

I wanted to show dialog in my application. How can i achieve this using flutter

Answer 1

You can use a PopupMenuButton ( https://api.flutter.dev/flutter/material/PopupMenuButton-class.html ) to achieve this in flutter. See example code below:

PopupMenuButton<int>(
    itemBuilder: (context) => [
      const PopupMenuItem(
        value: 1,
        child: Center(
          child: Icon(
            Icons.download_outlined,
            size: 30.0,
          ),
        ),
      ),
      const PopupMenuItem(
        value: 2,
        child: Center(
          child: Icon(
            Icons.link,
            size: 30.0,
          ),
        ),
      ),
      const PopupMenuItem(
        value: 2,
        child: Center(
          child: Icon(
            Icons.share,
            size: 30.0,
          ),
        ),
      ),
    ],
    icon: const Icon(
      Icons.more_horiz,
      size: 40.0,
    ),
    offset: const Offset(150, -150),
  );

The above example popups a list of Icons when the PopupMenuButton is pressed. You can adapt this to your use-case above.

Answer 2

Finally I found a Solution thanks enfinity. Here how i solve the problem.

import 'package:flutter/material.dart';

void main() {
  runApp(new MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      title: 'Flutter Demo',
      home: new MyHomePage(),
    );
  }
}

/// An arbitrary widget that lives in a popup menu
class PopupMenuWidget<T> extends PopupMenuEntry<T> {
  const PopupMenuWidget({ Key key, this.height, this.child }) : super(key: key);

  @override
  final Widget child;

  @override
  final double height;

  @override
  bool get enabled => false;

  @override
  _PopupMenuWidgetState createState() => new _PopupMenuWidgetState();
}

class _PopupMenuWidgetState extends State<PopupMenuWidget> {
  @override
  Widget build(BuildContext context) => widget.child;
}


class MyHomePage extends StatelessWidget {
  MyHomePage({Key key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return new Scaffold(
      appBar: new AppBar(
        actions: <Widget>[
          new PopupMenuButton<String>(
            onSelected: (String value) {
              print("You selected $value");
            },
            itemBuilder: (BuildContext context) {
              return [
                new PopupMenuWidget(
                  height: 40.0,
                  child: new Row(
                    children: [
                      IconButton(
                                          icon: Icon(
                                              Icons.remove,
                                            color: Colors.green,
                                          ),
                                          onPressed: () {
                                            print("Remove");
                                          }),
                                      Text("1"),
                                      IconButton(
                                          icon: Icon(
                                            Icons.add,
                                            color: Colors.green,
                                          ),
                                          onPressed: () {
                                            print("Add");
                                          }),
                    ],
                  ),
                ),
              ];
            }
          ),
        ],
      ),
    );
  }
}