キーボード回避
Keyboard Avoidance
別名: KeyboardAvoidingView別名: キーボード対応レイアウト別名: キーボードインセット
ライブデモ
説明
一言で説明
ソフトウェアキーボードが表示されたとき、入力フィールドやCTAボタンがキーボードに隠れないようにコンテンツを自動的に押し上げ・スクロールするレイアウト挙動。
いつ使う?
テキスト入力を含む画面すべて。特にチャット入力欄・ログインフォーム・コメント入力など、送信ボタンが画面下部にある場合に必須。
💡 日常の言い方
「キーボードが出てきたときに入力欄が隠れないように画面全体がにょきっと上がるやつ」
似ている用語との違い
キーボード回避 vs フローティングキーボードツールバー
キーボード回避はレイアウト全体の位置調整。フローティングキーボードツールバーはキーボードの上にくっついて表示される補助バーで、別々の概念。
AIへの指示例
チャット画面を実装して。キーボードが出たときに入力欄がキーボードの上に来るよう自動調整し、メッセージ一覧がスクロールされるようにして。