[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(
//略
)
)
)
)
)最新記事
すべて表示やりたいこと TextFieldで入力フォームを作りたい。 例えば入力内容が金額の場合、3桁区切りで頭に￥を付けた表記にしたい。 ただしユーザにこれらを入力させるのではなく、ユーザはあくまで数字を入力するだけで、アプリ側で自動でフォーマットしたい。 方法...
現象 やってること iosシミュレータで画像をデバイスのローカルに保存 保存したパスをデータベースに保存 アプリ立ち上げ時にデータベースから画像パスを取得し、そのパスの画像を画面上に表示 起きている現象 iosシミュレータを再起動した場合、上記3で「ファイルパスが見つからな...
やりたいこと 初期値さえ決まればあとは不変な変数がある ただし、コンストラクタ起動時にはまだ決定できない このような変数について late finalで変数を定義 （何らかのタイミングで）初期化されたかどうかをチェックし、されていなければ値を入れる（チェックしないとfina...
Comments