React Native Выполнение функции при изменении состояния

Question

Я хочу запустить функцию при изменении состояния в моем приложении. У меня модальный с кнопкой, которая меняет состояние.

Мой дом компонент (отредактированный)

... 
constructor(props) { 
super(props); 
    this.state = { 
    color:'red', 
    modalVisible: false, 
    } 
} 
... 
render() { 
return (
    <View> 

     <Modal 
     animationType={"slide"} 
     transparent={false} 
     visible={this.state.modalVisible} 
     > 
     <View style={{marginTop: 22}}> 
     <TouchableOpacity onPress={()=>this.setState({color:'blue'})}> 
      <Text>Blue</Text> 
     <TouchableOpacity> 
     <TouchableOpacity onPress={()=>this.setModalVisible(false)}> 
      <Text>Blue</Text> 
     <TouchableOpacity> 
     </View> 
    </Modal> 

    <Text style={{color:this.state.color}}> 
    Foo 
    </Text> 
    </View> 
) 
... 

Однако, когда я закрываю модальных, цвет моего текста не меняется на синий. Он остается красным до тех пор, пока я не открою модальную резервную копию, а затем снова закрою. Его как состояние «цвет» не обновляется. Я столкнулся с этим, прежде чем использовать redux и «componentWillReceiveProps (nextProps)», но это заставило меня оказаться в одном компоненте.

Я использую собственный модальный компонент из документов. https://facebook.github.io/react-native/docs/modal.html

Answer 1

Touchable? TouchableHighlight?

Я не нашел никаких проблем с кодом, кроме тега TouchaleHighlight.

https://rnplay.org/apps/fDGs3A