animates opacity on press

Animation

const Animation = class extends Component {
    displayName: 'Animation'

    constructor (props, context) {
        super(props, context);
        this.state = { opacity: 1 };
    }

    toggleFade = () => {
        //toggle opacity
        this.animate(this.state.opacity ? 0.5 : 1)
    }

    animate = (toValue) => {
        LayoutAnimation.easeInEaseOut();
        this.setState({ opacity: toValue })
    }

    render () {
        return (
            <TouchableOpacity activeOpacity={1} onPressIn={this.toggleFade}>
                <Text style={{opacity:this.state.opacity}}>
                    Hi
                </Text>
            </TouchableOpacity>
        );
    }
};