TextEditingControllerのtextが取得できない

<アプリ概要>
テキストフィールドに文字を入力し、その後右下のフローティングアクションボタンを押すと、
テキストフィールドが未入力であれば未入力警告アラート、入力されていれば追加確認アラートを表示します。
追加確認アラートでは、テキストフィールドに入力された内容を取得し、アラート内で表示します。
未入力警告アラートでは、入力を促すアラートを表示します。

<問題>
hamburgerMenuState内でテキストフィールドの文字列を取得した際には、うまく取得できました。
しかし、floatingActionButtonを別のウィジェットに分けた際に、テキストフィールドの文字列をうまく取得できていなく、
未入力警告アラートに飛んでしまいます。

<うまくいくソース>

Dart
1import 'package:flutter/material.dart';
2
3void main() {
4  runApp(MyApp());
5}
6
7class MyApp extends StatelessWidget {
8  @override
9  Widget build(BuildContext context) {
10    return MaterialApp(
11      title: 'Flutter Demo',
12      theme: ThemeData(
13        primarySwatch: Colors.blue,
14        visualDensity: VisualDensity.adaptivePlatformDensity,
15      ),
16      home: hamburgerMenu(),
17    );
18  }
19}
20
21class hamburgerMenu extends StatefulWidget {
22  @override
23  hamburgerMenuState createState() => hamburgerMenuState();
24}
25
26class hamburgerMenuState extends State<hamburgerMenu> {
27  var _titleTextController = TextEditingController();
28
29  @override
30  Widget build(BuildContext context) {
31    return Scaffold(
32      appBar: AppBar(
33        title: Text("Hamburger Menu"),
34      ),
35      body: inputTextField(),
36      drawer: Drawer(
37        child: Icon(Icons.play_arrow),
38      ),
39/////////////////////////////////////////////////////
40      floatingActionButton: FloatingActionButton(
41        child: Icon(
42          Icons.add,
43        ),
44        onPressed: () {
45          // タイトル入力チェック
46          if (_titleTextController.text == "") {
47            showWarningDialog(context);
48          } else {
49            // 追加確認ダイアログの表示
50            showAddConfirmationDialog(context);
51          }
52        },
53      ),
54///////////////////////////////////////////////////
55    );
56  }
57
58  // 入力用テキストフィールド
59  Widget inputTextField() {
60    return Container(
61      padding: EdgeInsets.all(50),
62      child: TextField(
63        controller: _titleTextController,
64        maxLength: 20,
65        maxLengthEnforced: true,
66        decoration: InputDecoration(
67            hintText: "追加するタイトル名を入力してください",
68            labelText: "タイトル名"
69        ),
70      ),
71    );
72  }
73
74  // 追加確認ダイアログの表示
75  void showAddConfirmationDialog (BuildContext context) {
76    var dialogTitleText = _titleTextController.text;
77
78    showDialog(
79      context: context,
80      builder: (_) {
81        return AlertDialog(
82          title: Text("追加の確認"),
83          content: Text("$dialogTitleTextをメニューに追加します。よろしいですか？"),
84          actions: <Widget>[
85            // ボタン領域
86            FlatButton(
87              child: Text("Cancel"),
88              onPressed: () => Navigator.pop(context),
89            ),
90            FlatButton(
91              child: Text("OK"),
92              onPressed: () => Navigator.pop(context),
93            ),
94          ],
95        );
96      },
97    );
98  }
99
100  // 未入力エラーダイアログ
101  void showWarningDialog (BuildContext context) {
102    showDialog(
103      context: context,
104      builder: (_) {
105        return AlertDialog(
106          title: Text("未入力エラー"),
107          content: Text("追加するタイトルを入力してください"),
108          actions: <Widget>[
109            FlatButton(
110              onPressed: () => Navigator.pop(context),
111              child: Text("OK")
112            )
113          ],
114        );
115      }
116    );
117  }
118}
119

<問題のソース>

Dart
1import 'package:flutter/material.dart';
2
3void main() {
4  runApp(MyApp());
5}
6
7class MyApp extends StatelessWidget {
8  @override
9  Widget build(BuildContext context) {
10    return MaterialApp(
11      title: 'Flutter Demo',
12      theme: ThemeData(
13        primarySwatch: Colors.blue,
14        visualDensity: VisualDensity.adaptivePlatformDensity,
15      ),
16      home: hamburgerMenu(),
17    );
18  }
19}
20
21class hamburgerMenu extends StatefulWidget {
22  @override
23  hamburgerMenuState createState() => hamburgerMenuState();
24}
25
26class hamburgerMenuState extends State<hamburgerMenu> {
27  var _titleTextController = TextEditingController();
28
29  @override
30  Widget build(BuildContext context) {
31    return Scaffold(
32      appBar: AppBar(
33        title: Text("Hamburger Menu"),
34      ),
35      body: inputTextField(),
36      drawer: Drawer(
37        child: Icon(Icons.play_arrow),
38      ),
39///////////////////////////////////////////////////
40      floatingActionButton: addTitleButton(context),
41///////////////////////////////////////////////////
42
43    );
44  }
45
46///////////////////////////////////////////////////
47  // 追加用アクションボタン
48  FloatingActionButton addTitleButton(BuildContext context) {
49    return FloatingActionButton(
50      child: Icon(
51        Icons.add,
52      ),
53      onPressed: () {
54        // タイトル入力チェック
55        if (_titleTextController.text == "") {
56          showWarningDialog(context);
57        } else {
58          // 追加確認ダイアログの表示
59          showWarningDialog(context);
60        }
61      },
62    );
63  }
64///////////////////////////////////////////////////
65
66  // 入力用テキストフィールド
67  Widget inputTextField() {
68    return Container(
69      padding: EdgeInsets.all(50),
70      child: TextField(
71        controller: _titleTextController,
72        maxLength: 20,
73        maxLengthEnforced: true,
74        decoration: InputDecoration(
75            hintText: "追加するタイトル名を入力してください",
76            labelText: "タイトル名"
77        ),
78      ),
79    );
80  }
81
82  // 追加確認ダイアログの表示
83  void showAddConfirmationDialog (BuildContext context) {
84    var dialogTitleText = _titleTextController.text;
85
86    showDialog(
87      context: context,
88      builder: (_) {
89        return AlertDialog(
90          title: Text("追加の確認"),
91          content: Text("$dialogTitleTextをメニューに追加します。よろしいですか？"),
92          actions: <Widget>[
93            // ボタン領域
94            FlatButton(
95              child: Text("Cancel"),
96              onPressed: () => Navigator.pop(context),
97            ),
98            FlatButton(
99              child: Text("OK"),
100              onPressed: () => Navigator.pop(context),
101            ),
102          ],
103        );
104      },
105    );
106  }
107
108  // 未入力エラーダイアログ
109  void showWarningDialog (BuildContext context) {
110    showDialog(
111      context: context,
112      builder: (_) {
113        return AlertDialog(
114          title: Text("未入力エラー"),
115          content: Text("追加するタイトルを入力してください"),
116          actions: <Widget>[
117            FlatButton(
118              onPressed: () => Navigator.pop(context),
119              child: Text("OK")
120            )
121          ],
122        );
123      }
124    );
125  }
126}

行動規範の内容に同意します

回答1件

ベストアンサー

単純に'showWarningDialog'が呼ばれていないだけだと思います。
↓のコード、showAddConfirmationDialog関数が呼ばれていませんので...
コードを修正してローカルで動かしたら正常に動きました。

dart
1onPressed: () {
2        // タイトル入力チェック
3        if (_titleTextController.text == "") {
4          showWarningDialog(context);
5        } else {
6          // 追加確認ダイアログの表示
7          showWarningDialog(context);
8        }
9      },