アプリを一定時間操作しなかったときに認証画面を表示する[React / ReactNative / Expo] - Qiita

この記事について ユーザがアプリを一定時間操作していない場合に画面をロックし、PINコードや指紋・顔認証を求めるような機能をReactで実装してみます。 React Native + Expo でアプリを開発しているとして、認証機能自体はExpoのモジュール（Local Authentication)を使用します。 また、「ユーザが操作している」状態の定義は場合によるかと思いますが、ここでは画面内のどこかしらにタッチイベントが発生したかどうかで判定するとします。 これをマウスイベントに置き換えるなどすれば、大枠の実装はWebなど他のコンテクストでも共通するものになるはずです。つまりReact Nativeに関してそれほど専門性のある記事ではなく、Reactの学習者に向けた内容になっています。 実装の流れ 1. インターフェースを考える まず、この機能をコンポーネント化するとしたら、どのよう