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