React Native

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週間もかけてしまった…。

made with Flutter

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

React Native の記事

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