在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

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;

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

回答
編輯回答
網(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')} />*/  
    ),
   ...

}), 這樣寫才對(duì)

2017年9月30日 01:41