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

可觸摸嗎？ TouchableHighlight？

我的代碼除了TouchaleHighlight標籤外沒有發現任何問題。

https://rnplay.org/apps/fDGs3A