yunagi_n https://blog.hatena.ne.jp/yunagi_n/ なつねこメモ https://tech.natsuneko.blog/ React Native TypeScript React Native で、入力フィールドを画面下部、具体的には半分より下くらいに設置すると、入力ボックスにフォーカスした場合、ソフトウェアキーボードに入力ボックスの一部が隠されてしまうケースがあります。 こんなフォームがあったとして 入力フィールドにフォーカスするとフィールドが隠れてしまう このままだと入力フィールドが隠れてしまい、現在入力中の内容が見えないので不便です。なんとかしましょう、というのが今回の記事。 やることとしては簡単で、まず react-native-keyboard-controller を導入します。 $ pnpm add react-native-keyboard-… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftech.natsuneko.blog%2Fentry%2F2026%2F05%2F27%2F140000" title="React Native で入力フィールドがソフトウェアキーボードに隠されてしまうのを防ぎたい - なつねこメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/y/yunagi_n/20260527/20260527113638.png Hatena Blog https://hatena.blog 2026-05-27 14:00:00 rich https://tech.natsuneko.blog/entry/2026/05/27/140000 1.0 100%