Slackコミュニティに
無料で参加する
Flutterラボの
プレミアム会員になる
【Flutter】自動でiOSかAndroidかを判定して戻るアイコンを表示するボタンWidget『BackButton』
2021.11.08
Navigator.pushで画面を生成したときに、AppBarがあれば自動的に戻るボタンが出てきて、それを押せばNavigator.popが実行されて画面が破棄されます。
そのときに表示されている戻るボタンのデザインが、iOSの方にはよりiOSライク、Androidの方にはよりAmdroidライクになるようにアイコンが異なっています。
しかし、Navigator.pop以外の処理をさせたい場合は、AppBarのleadingに別で処理を記述する必要があり、それにIconButtonを使うと表示するアイコンを1つ指定する必要が出てきます。
そんなときのために、自動iOSかAndroidかを判定して戻るボタンを生成してくれるWidget『BackButton』がFlutterにもともと用意されているのでこれを使って記述しましょう。
return Scaffold(
appBar: AppBar(
title: const Text('Flutterラボ')
leading: BackButton(
onPressed: () {
// ここに戻るボタンを押したときの処理を記述
},
),
Flutterラボ
hatchoutschool

85min
プレミアム会員
見放題
GoogleMapを用いて地図アプリを作成する
2022.04.16
¥6,600
Flutter Daily
Flutterに関する記事を日々更新しています (223本)

【Dart】Stringからint, double, DateTimeに変換する
2020.09.14

【Dart】【Flutter】List型(リスト)の使い方とよく使うメソッドまとめ
2020.09.18

【Dart】【Flutter】DateTime型についてのまとめ
2020.10.01

【Dart】Map型の使い方とよく使うメソッドまとめ
2020.09.13