react-navigationのtabBarIconで画像を使う時に激ハマりした事 in typescript

合計で7日間程ハマってしまった…。
しかも、結論は馬鹿過ぎるほど簡単だった…。

navigationOptions: ({ navigation }) => ({
    tabBarLabel: 'Label',
    tabBarIcon: ({ tintColor, focused }) => (
        <Image source={require('./assets/image.png')} />
    )
})

これをやりたかったんだけど、何故かImageタグを書くと

型 'RegExp' を型 'ImageStatic' に変換できません

という意味不明なエラーになった。

どんなにググっても答えに辿り着けず、もう諦めの心境になっていた時に、ふとファイルの拡張子が気になった。
ReactComponentを使う時は、拡張子をtsxにしており、ひょっとして今回もそういう事なのではと、tsからtsxに変更したところ、見事に解決…。

こんな事に1週間もかけてしまった…。

コメント

タイトルとURLをコピーしました