個人開発者が勉強がてらまとめているだけのサイトです

ダイアログ・シート

今の画面の上に別の面を重ねて、確認や入力をさせる仕組み。

触ってみる ↗
ダイアログ・シート アクションシートAction Sheet

iOS でおなじみの、下から選択肢の束と、離れた「キャンセル」ボタンが出てくるシート。

下から出てくる
触ってみる ↗
ダイアログ・シート ドラッグできるシートDraggable Scrollable Sheet

画面下に出しっぱなしの板を上下に引っ張って高さを変えられる。地図アプリの「近くのお店」一覧のあれ。

ドラッグで高さが変わる
触ってみる ↗
ダイアログ・シート モーダルボトムシートModal Bottom Sheet

画面の下から板がせり上がってきて、選択肢や小さなフォームを出す。外側を押すか下に引くと閉じる。

下から出てくる