我已经根据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>