更新时间: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.