反应选定和未选择状态的不同tabBar图标吗？

Question

我正在使用react native中的react导航设置标签栏。我无法为选定/未选定状态设置多个标签栏图标。任何参考或文档会有所帮助吗？

Answer 1

tabBarIcon回调为您提供了相同的焦点变量。

static navigationOptions = {
    tabBarLabel: 'Home',
    tabBarIcon: ({ focused }) => {
        const image = focused 
        ? require('../active.png') 
        : require('../inactive.png')
        return (
            <Image 
                source={image}
                style={styles.tabIcon}
            />
        )
    }
}