反応ナビゲーションタブバー内に画像を追加するにはどうすればよいですか？

Question

私はここにテキスト見出しが付いたタブバーを作成することができる反応ナビゲーションを使用しています。テキストの代わりにイメージを表示したい。それを行う方法はありますか？

これは私が使用しているコードですが、動作しません。どのように正しい方法でそれを行うための任意の提案？

static navigationOptions = { 
    tabBarIcon: (
    <Image style={{ width: 50, height: 50 }} 
     source={require('./../images/Logo.jpg')} /> 
) 

}

Answer 1

代わりに関数を使用してみてください：

static navigationOptions = { 
    tabBarIcon: (focused, tintColor) => (
     <Image style={{ width: 50, height: 50 }} 
      source={require('./../images/Logo.jpg')} /> 
    ) 
} 

Answer 2

ドキュメントによれば、showIconプロパティはアンドロイド（https://reactnavigation.org/docs/navigators/tab#tabBarOptions-for-TabBarTop-default-tab-bar-on-Android）にfalseにsettedされます。

本当に設定してみましたか？

static navigationOptions = { 
    tabBarOptions: { showIcon: true, } 
    tabBarIcon: ({ tintColor }) => { 
       return (<Image 
        style={{ width: 50, height: 50 }} 
        source={{ uri: "https://facebook.github.io/react/img/logo_og.png" }}/>);} 
    } 
}