React Native

react-navigationをver.2に上げたらtabBarIconが消えてtabBarLabelも意図と違う文字に…

最終更新から8年以上たっています。ライブラリのバージョンや手順が変わっている可能性があります。

react-navigationがいつの間にかver.2系になっていたので、怖かったけど思い切ってupgradeしてみた。
そしたら案の定、問題が続々…。

まず最初にハマったのは、ver.1.5のtypescriptの型定義をインストールしたままにしていて、ver.2から使えるはずのパラメータとかが何度やっても使えずエラーになっていた。
気付くのに30分ぐらいかかったけど、これは削除する事で対応完了。

次に、tabnavigationの中にstacknavigationを入れているんだけど、stacknavigation側で設定していたtabBarIconやtabBarLabelが全部無効になってしまった。

マジかよーと思いつつ、ドキュメントを見てると

Navigation options resolution

というページが。

なるほど、書き方が変わってる(´・ω・`)

修正したらあっさり直ったけど、メジャーバージョンアップはやっぱり大変だ。

made with Flutter

この記事を書いた人がつくったアプリ

React Native の記事

コメントの受け付けは終了しました。ご意見・ご質問は X(@nm_aru)へどうぞ。