Flutter/画面遷移/基本 - 変更履歴

2020年1月22日 (水) 09:20にAdminによる

2020-01-22T09:20:15Z

Admin: /* 遷移先から遷移元に戻った時の処理 */

2019-12-19T08:13:08Z

‎遷移先から遷移元に戻った時の処理

Admin: /* 遷移先から遷移元に戻った時の処理 */

2019-12-19T08:13:01Z

‎遷移先から遷移元に戻った時の処理

Admin: ページの作成:「 ==画面遷移サンプル== ==その1== routerをMyAppの中に追加

 class MyApp extends StatelessWidget {   @override   Widget build(BuildContext context) {...」

2019-11-16T06:17:53Z

ページの作成:「 ==画面遷移サンプル== ==その1== routerをMyAppの中に追加 <pre> class MyApp extends StatelessWidget { @override Widget build(BuildContext context) {...」

新規ページ

==画面遷移サンプル==
==その1==
routerをMyAppの中に追加
<pre>
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Demo',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Flutter Demo Home Page'),
routes: <String, WidgetBuilder> {
'/help': (BuildContext context) => new MyHomePage(title: 'page help'),
'/privacy': (BuildContext context) => new MyHomePage(title: 'page privacy'),
'/use': (BuildContext context) => new MyHomePage(title: 'page use'),
},
);
}
}
</pre>

画面遷移
Navigator.of(context).pushNamed('/use');

==その2==
router＆画面遷移
<pre>
Navigator.push(context, new MaterialPageRoute<Null>(
settings: const RouteSettings(name: "/use"),
builder: (BuildContext context) => MyHomePage(title: 'page use')
));
</pre>

==元の画面に戻る==
Navigator.pop(context);

==遷移先から遷移元に戻った時の処理==
Navigator.push(context, new MaterialPageRoute<Null>(
settings: const RouteSettings(name: "/text"),
builder: (BuildContext context) => TextPage(title: 'page use')
)).then((result) {
setState(() {
print ("ここで戻ってきた時の処理");
});
});

==参考==
https://qiita.com/tatsu/items/38cd85efd93005b95af9

@@ 行1: / 行1: @@
 ==画面遷移サンプル==
-==その1==
+===その1===
 routerをMyAppの中に追加
 <pre>
@@ 行26: / 行26: @@
   Navigator.of(context).pushNamed('/use');
-==その2==
+===その2===
 router＆画面遷移
 <pre>
@@ 行34: / 行34: @@
 ));
 </pre>
 ==元の画面に戻る==

@@ 行42: / 行42: @@
            settings: const RouteSettings(name: "/text"),
            builder: (BuildContext context) => TextPage(title: 'page use')
-)).then((result) {
+ )).then((result) {
          setState(() {
            print ("ここで戻ってきた時の処理");