State not changing switch value

[bianchi]

I have the following code working fine with the react-native switch. If i change it to use react-native-customisable-switch it stops working. When I press the TouchableOpacity it calls changeSwitchState function but the switch value don't change.

import React, { Component } from 'react';
import { StyleSheet, View, Text, TouchableOpacity, Switch } from 'react-native';
import PropTypes from 'prop-types';

export default class RoomOnOff extends Component {
    static propTypes = {
        name: PropTypes.string.isRequired,
        value: PropTypes.bool.isRequired
    }

    constructor(props){
        super(props);

        this.state = {value: this.props.value};
    }

    changeSwitchState = () =>
    {
        this.setState({value: !this.state.value},() => { console.log('new value = ', this.state.value); });
    }
  
    render() {
        return (
            <TouchableOpacity style={styles.room} onPress={this.changeSwitchState}>
                <Text style={styles.roomText}> {this.props.name} </Text>
                <Switch value={this.state.value} />
            </TouchableOpacity>
        );
    }
}

const styles = StyleSheet.create({
    room: {
        flex: 1,
        flexDirection: 'row',
        justifyContent: 'flex-start',
        alignItems: 'center',
    },
    roomText: {
        flex: 3,
        fontSize: 32,
        fontWeight: 'bold',
    },
});

[arifnyet]

i found a workaround...

componentDidUpdate(prevProps, prevState) {
		// make a reference to switch... in this case this._privacy_setting is the ref
		// compare prev state and current state
		// execute animation method
        if(this._privacy_setting && prevState.privacy_setting != this.state.privacy_setting){
            this._privacy_setting.startGroupAnimations();
        }
}