且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

如何在React Native中为自定义选项卡更改文本颜色和图像

更新时间:2023-01-28 22:07:54

您可以执行以下操作:

render() { 
  const {selectedLanguge} = this.state;

  <View style ={styles.tabInnerContainer}>
    <TouchableOpacity style={styles.tabIcons} onPress={() => this.onClick('telugu')}>
      <Image style={[styles.tabItemsImages, selectedLangage === 'telugu' && styles.disabledImageStyle]} source={image} />
        <Text style={[styles.tabTextItems, selectedLangage === 'telugu' && styles.disabledTextStyle]}>
          Telugu
        </Text>
      </TouchableOpacity>
    </View>
    ...

然后,您只需为禁用的图像和禁用的文本定义样式.它不是很干,因为您需要为每个选项卡检查一次selectedLanguage,但它可以工作.

Then you just define a style for disabled images and disabled text. It is not very DRY, because you need to check the selectedLanguage twice for each tab but it works.