teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

Builderを使った方法について追記

2020/09/27 23:46

投稿

nskhei
nskhei

スコア704

answer CHANGED
@@ -76,4 +76,53 @@
76
76
  );
77
77
  }
78
78
  }
79
+ ```
80
+
81
+ ---
82
+
83
+ **追記 :**
84
+ ボタン部分を`Builder`で囲むという方法もあります。
85
+
86
+ ```dart
87
+ class CookApp extends StatelessWidget {
88
+ var titleText = 'cookapp';
89
+
90
+ @override
91
+ Widget build(BuildContext context) {
92
+ return MaterialApp(
93
+ home: Scaffold(
94
+ appBar: AppBar(
95
+ leading: Icon(Icons.menu),
96
+ title: Text('レシピ一覧'),
97
+ ),
98
+ body: Container(
99
+ child: Center(
100
+ child: Column(
101
+ children: <Widget>[
102
+ Text(titleText),
103
+ // ここがポイント
104
+ Builder(
105
+ builder: (context) {
106
+ return RaisedButton(
107
+ child: Text("Button"),
108
+ color: Colors.orange,
109
+ textColor: Colors.white,
110
+ onPressed: () {
111
+ Navigator.push(
112
+ context,
113
+ MaterialPageRoute(builder: (context) => AddRecipe()),
114
+ );
115
+ },
116
+ );
117
+ },
118
+ ),
119
+ ],
120
+ ),
121
+ ),
122
+ ),
123
+ ),
124
+ );
125
+ }
126
+ }
127
+
79
128
  ```