TouchableWithoutFeedback onFocus不会触发

时间:2019-03-13 23:24:38

标签: react-native

我已经根据https://facebook.github.io/react-native/docs/touchablewithoutfeedback构建了这个组件,以获得一个可以在聚焦时改变样式的组件类。我尝试过这种方法,但是在按下组件时不会调用onFocus。我正在与android&expo合作,尽管我认为这不是原因。

  <TouchableWithoutFeedback onFocus={()=>this.setState({shouldFocus: true})}>
  <View style={styles.containerStyle}>

    <View style={[styles.subContainerStyle, {flex:1}]}>
      <Text style={[styles.propertyStyle, {
        color: this.state.shouldFocus ? '#50AFAD' : 'black',
        fontWeight: this.state.shouldFocus ? 'bold' : null}]}> LEFT </Text>
    </View>

    <View style={[styles.subContainerStyle, {flex: 2}]}>
      <View style={{flexDirection: 'row-reverse'}}>
        <TextInput style={styles.textValueStyle} placeholder={"RIGHT"}/>
      </View>
    </View>

  </View>
</TouchableWithoutFeedback>

0 个答案:

没有答案