More than 5 years have passed since last update.

【ReactNative】キーボード外をタップした際にキーボードを収納する

reactnative
expo

Posted at 2020-10-20

はじめに

ReactNativeでTextInputなどの画面でキーボード外をタップしたときにキーボードを収納するようにしたいと思ったら意外にサクッとできました

サンプルコード

ScrollView で対象の要素を囲むだけです。

sample.js

<ScrollView
  contentContainerStyle={{flexGrow: 1}}
  keyboardShouldPersistTaps='handled'
  scrollEnabled={false} // スクロールさせたくなければ無効化する
>
  // 対象の要素
</ ScrollView>

You get articles that match your needs
You can efficiently read back useful information
You can use dark theme

What you can do with signing up