[Flutter/dart] スワイプが反応する範囲をページ全体に広げる
概要
スマホアプリで、ページ全体をスワイプの対象とする方法について説明します。
方法
GestureDetectorでスワイプを実装する場合、スワイプに反応するのはその子Widgetの領域です。
そのため、下の例のように書くと、子Widgetが小さい場合に画面下の方でスワイプしても反応しません。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
),
body: SingleChildScrollView(
child: GestureDetector(
child: Container(
child: Column(
//略
)
)
)
)
)そこで、ページ全体をGestureDetectorの下に置きましょう。
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
),
body: GestureDetector(
child: SingleChildScrollView(
child: Container(
child: Column(
//略
)
)
)
)
)最新記事
すべて表示現象 flutter_local_notificationを使って通知を作成。通知タップ時の動作も登録。 通知が来た時にアプリが立ち上がっている（foregroundでもbackgroundでも）と、期待通りの動作となる。 しかし、通知が来た時にアプリが終了していると、通知をタップしても登録した動作とならない。 原因と解決策 アプリが終了すると登録した動作は消えてしまうらしい（参考）。 Note:
概要 Firebase Messagingでメッセージを送信し、通知がタップされたら何らかの動作を実行する（例：特定のページに移動する）という場合は多いかと思います。 通知タップ時にアプリがforeground状態（つまりアプリを開いている）ならば簡単なのですが、アプリがbackground状態にある場合は少し工夫が必要です。 方法 FirebaseMessaging.onBackgroundMe
現象 FirebaseMessaging.onBackgroundMessage()でタイトルのエラーが発生。 原因と解決策 上記メソッドの引数に渡すデリゲートはトップレベル関数でなければならない。自分の場合はインスタンスメソッドを渡していたのでエラーとなった。 渡すメソッドをトップレベル関数にするとエラーは解消した。 @main.dart void main() async{ //略 F
