React Native点击显示、隐藏

屏幕快照 2018-10-12 下午6.14.28.png

export default class CourseDetails extends Component {
  
    constructor(props) {
        super(props);
        this.state = {
            collectBtn: true,   // 收藏按钮
        }
    }

    render() {
        return(
            <TouchableOpacity onPress={() => {this.collectBtn()}} >
                 <Image source={this.state.collectBtn==true?require("../resource/my/collectIcon.png"):require("../resource/my/collectIconClick.png")}></Image>
            </TouchableOpacity>
        )
    }
   
    // 收藏按钮 显隐状态
    collectBtn() {
        this.setState({
            collectBtn: !this.state.collectBtn,
        })
    }
}