鍍金池/ 問答/HTML5  Android  HTML/ react-navigation的tabNavigation添加圖標(biāo)渲染出錯

react-navigation的tabNavigation添加圖標(biāo)渲染出錯

安卓機(jī)5.0測試的,在navigationOptions里,寫了另一個標(biāo)簽來完成這個效果。

navigationOptions: {  
        tabBarLabel: '學(xué)習(xí)',  
        tabBarIcon: ({tintColor,focused}) => (  
          <TabBarItem  
            tintColor={tintColor}  
            focused={focused}  
            normalImage={require('./images/nav_study.png')}  
            selectedImage={require('./images/nav_study_select.png')} />*/  
        ),
       ...
}

以下是tabBarItem:

import React, { Component } from 'react';
import { Image } from 'react-native';

const TabBarItem = ({focused, tintColor, selectedImage, normalImage}) => {
    return (
        <Image
            source = {focused ? selectedImage : normalImage}
            style={{ tintColor: tintColor, width: 25, height: 25 }}/>
    )
}

export default TabBarItem;

屏幕報錯:
圖片描述
具體行數(shù)標(biāo)出的地方就是在我給的第一段代碼TabBarItem處,
麻煩看看可能是什么地方出問題或者不對呢?

回答
編輯回答
網(wǎng)妓

navigationOptions:({navigation}) => ({

    tabBarLabel: '學(xué)習(xí)',  
    tabBarIcon: ({tintColor,focused}) => (  
      <TabBarItem  
        tintColor={tintColor}  
        focused={focused}  
        normalImage={require('./images/nav_study.png')}  
        selectedImage={require('./images/nav_study_select.png')} />*/  
    ),
   ...

}), 這樣寫才對

2017年9月30日 01:41