react-navigationのtabBarIconで画像を使う時に激ハマりした事 in typescript
最終更新から8年以上たっています。ライブラリのバージョンや手順が変わっている可能性があります。
合計で7日間程ハマってしまった…。
しかも、結論は馬鹿過ぎるほど簡単だった…。
navigationOptions: ({ navigation }) => ({
tabBarLabel: 'Label',
tabBarIcon: ({ tintColor, focused }) => (
<Image source={require('./assets/image.png')} />
)
})
これをやりたかったんだけど、何故かImageタグを書くと
型 'RegExp' を型 'ImageStatic' に変換できません
という意味不明なエラーになった。
どんなにググっても答えに辿り着けず、もう諦めの心境になっていた時に、ふとファイルの拡張子が気になった。
ReactComponentを使う時は、拡張子をtsxにしており、ひょっとして今回もそういう事なのではと、tsからtsxに変更したところ、見事に解決…。
こんな事に1週間もかけてしまった…。
React Native の記事
コメントの受け付けは終了しました。ご意見・ご質問は X(@nm_aru)へどうぞ。


