【ReactNative】Androidの[◀︎戻る]ボタンによるコンポーネントの再マウントを防ぐ方法

はじめに

アプリをバックグラウンドから復帰した際に、Androidだけコンポーネントが再マウントされることがあります。

conponentDidMountなど、ライフサイクルへの対応がReact（ReactNative）では重要ですが、iOSとAndroidで挙動が異なっていることがあるので注意が必要です。

バックグラウンドへの移行操作には、主に３つの方法があります。

最後の[◀︎ボタン]を押した場合、タスクは残っているのに復帰時にコンポーネントが再マウントされることがあります。

予期しないライフサイクルメソッドが起動したり、イベントリスナーが重複して登録されたり等、様々な弊害が考えられます。

以下を追加することで、再マウントを防ぐことができます。

MainActivity.java

@Override
public void invokeDefaultOnBackPressed() {
    moveTaskToBack(true);
}

AndroidManifest.xml

<activity
    ...
    android:launchMode="singleTop">

バックグラウンドへの移行時および復帰時に、バックグラウンドのスタックを使用するよう設定することで、予期しないコンポーネントの再マウントを防ぐことができます。