More than 3 years have passed since last update.

【React Native + Expo】【Android】コンポーネントがキーボードで押し上げられる

Last updated at 2020-12-18Posted at 2020-12-18

Expo(managed workflow)環境で以下の記事と同様の現象が起きたので、その時の対処法を載せて起きます。
【React Native】TextInputでキーボードが押し上げられる【Android】

参考にした記事には以下のように書かれています。

対処法
anrdoird/app/src/mainの以下の部分を修正する

   android:windowSoftInputMode="adjustResize">

   android:windowSoftInputMode="adjustPan">

Expo(managed workflow)環境の場合はandroidディレクトリは存在しないので、app.jsonを変更します。

app.json

{
  "expo": {
     ...
    "android": {
　　　　...
      "softwareKeyboardLayoutMode": "pan" ←ここを追加
    },
  }
}