flutter - 如何在 PopupMenuItem 中使用 onTap 或 onPressed

Question

我们如何实现对 onTap 的使用或 onPressed在 PopupMenuItem这是我的代码:

actions: <Widget>[
  PopupMenuButton(
    icon: Icon(Icons.settings),
    itemBuilder: (context) => [
      PopupMenuItem(
        child: Text("Settings"),
      ),
      PopupMenuItem(
        child: Text("Flutter.io"),
      ),
      PopupMenuItem(
        child: Text("Google.com"),
      ),
    ],
  ),
]

我想在点击或单击 Settings PopupMenuItem 时导航到 SettingPage()。
即使在遵循下面提到的解决方案之后，甚至在导入 dart:js 之后，我也会收到此错误

Error: Not found: 'dart:js'
import 'dart:js';

这是我的依赖项:

import 'package:bfdi_app/Profile/editProfile.dart';
import 'package:bfdi_app/models/user.dart';
import 'package:bfdi_app/services/collection.dart';
import 'package:bfdi_app/settings.dart';
import 'package:cached_network_image/cached_network_image.dart';
import 'package:flutter/material.dart';
import 'dart:js';

Answer 1

只需将此添加到您的 PopupMenuButton:

onSelected: (result) {
    if (result == 0) {
        Navigator.push(
            context,
            MaterialPageRoute(builder: (context) => SettingPage()),
        );
    }
},

并将您的设置按钮更改为:

PopupMenuItem(
    child: Text("Settings"),
    value: 0,
),