質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

88.83%

flutterでポップアップメニューを選択した時にダイアログを出したい

受付中

回答 1

投稿 編集

  • 評価
  • クリップ 1
  • VIEW 1,721

luckyclock

score 63

タイトル通りポップアップメニューの項目を選択した時にダイアログ
表示を行いたいです。
ポップアップメニューを選択してもまったくダイアログが表示されません。

class Choice {
  const Choice({this.title, this.icon});

  final String title;
  final IconData icon;
}

class TabBarDemo extends StatelessWidget {
  void showBasicDialog(BuildContext context) {
    showDialog(
      context: context,
      builder: (BuildContext context) => new AlertDialog(
            content: new Text("本文"),
            // ボタンの配置
            actions: <Widget>[
              new FlatButton(
                  child: const Text('キャンセル'),
                  onPressed: () {
                    Navigator.pop(context);
                  }),
              new FlatButton(
                  child: const Text('OK'),
                  onPressed: () {
                    Navigator.pop(context);
                  })
            ],
          ),
    ).then<void>((value) {
      // ボタンタップ時の処理
      switch (value) {
      }
    });
  }


  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
        length: 3, //タブ数
        child: Scaffold(
          appBar: AppBar(
            actions: <Widget>[
              // overflow menu
              PopupMenuButton<Choice>(
                onSelected: (Choice) {
                  switch (Choice.title) {
                    case 'プライバシーポリシー':
                      showBasicDialog(context);
                      break;
                    default:
                      break;
                  }
                },
                itemBuilder: (BuildContext context) {
                  return choices.map((Choice choice) {
                    return PopupMenuItem<Choice>(
                      value: choice,
                      child: Text(choice.title),
                    );
                  }).toList();
                },
              ),
            ],
           ),
          ,
        ),
      ),
    );
  }
}

実行した時のエラーです。
/flutter (11352): [ERROR:flutter/shell/common/shell.cc(181)] Dart Error: Unhandled exception:
E/flutter (11352): No MaterialLocalizations found.
E/flutter (11352): TabBarDemo widgets require MaterialLocalizations to be provided by a Localizations widget ancestor.
E/flutter (11352): Localizations are used to generate many different messages, labels,and abbreviations which are used by the material library.
E/flutter (11352): To introduce a MaterialLocalizations, either use a  MaterialApp at the root of your application to include them automatically, or add a Localization widget with a MaterialLocalizations delegate.
E/flutter (11352): The specific widget that could not find a MaterialLocalizations ancestor was:
E/flutter (11352):   TabBarDemo
E/flutter (11352): The ancestors of this widget were:

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 過去に投稿した質問と同じ内容の質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

0

Scaffold を 別ウィジェットとして切り出すか、 Builder ウィジェットで包むと良いと思います。

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: DefaultTabController(
      length: 3, //タブ数
      child: Builder(builder: (BuildContext context) {
        return Scaffold(
          appBar: AppBar(
          actions: <Widget>[

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 88.83%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

関連した質問

同じタグがついた質問を見る