タイトルにも書きましたが、こちらはまだ未解決です。
以前紹介した、リストを下にスクロールするとヘッダーが非表示になる挙動を実装できるライブラリ「react-native-swipe-hidden-header」を実際にアプリに導入してみました。
結果としては、エラーが発生してしまい導入は諦めることにしましたが…一応できたところまでまとめ。
ライブラリはこちらです。
fengliu222/react-native-swipe-hidden-header: A react native component that can hide navigator bar when user swipe list.
https://github.com/fengliu222/react-native-swipe-hidden-header
ライブラリをインストールし、<SwipeHiddenHeader> をインポートしたところ、「Unable to resolve module AccessibilityInfo」というエラーが発生しました。
で、調べたところ、Issues に参考になりそうな記事がありました。
Fix duplicate @providesModule conflict / Unable to resolve module AccessibilityInfo by peacechen · Pull Request #3 · fengliu222/react-native-swipe-hidden-header
https://github.com/fengliu222/react-native-swipe-hidden-header/pull/3
こちらの投稿によると、package.json の項目を、下記のように書き換えればいいとのことでした。
"react-native-swipe-hidden-header": "https://github.com/fengliu222/react-native-swipe-hidden-header"
あとは、node_modules の react-native-swipe-hidden-header ディレクトリを削除し、npm install を実行します。
そうすれば、react-native-swipe-hidden-header ライブラリが再インストールされます。
確かに、こちらを行う前と後ではディレクトリの内容が変わっていましたね。
これで OK！と思いきや、今度はまた違うエラーが発生しました…。
こちらのエラーも調査してみたのですが、まだ有用な対処方法が見つかっていません…。
正直、必須の機能ではないので今回は実装を見合わせましたが、時間を見つけて引き続き調整していきたいと思います。
以上、React Native の「react-native-swipe-hidden-header」ライブラリの「Unable to resolve module AccessibilityInfo」エラーの対処方法でした。
まだ動いてないのですけどね…。
進捗があったら、再度記事にまとめたいと思います。
