使用 React Native onPress 后按钮更改样式

【问题标题】：Button change style after onPress with React Native使用 React Native onPress 后按钮更改样式
【发布时间】：2018-04-14 15:10:18
【问题描述】：

例如，我有 3 个带边框的按钮，当我按下其中的 2 个时，其中 2 个按钮将其样式更改为填充颜色的按钮。

我应该使用<Button> 或<TouchableHighlight> 或<TouchableOpacity> 还是其他？

我需要 React Native 中的示例代码。

【问题讨论】：

【解决方案1】：

没关系，你可以使用所有这些我通常在单击按钮时使用这种方法，我会像这样更改触发组件的状态

默认状态：this.state = { styleIndex: 0 }

<Button
   onPress={this.press}
   style={this.state.styleIndex === 0 ? styles.buttonStyle : styles.buttonStyleClicked}/>

【讨论】：

所以如果按钮被触发，我希望它将一个值连接到一个数组，当我第二次按下时，我想从数组中删除该值。你知道怎么做吗？
你必须改变按下按钮时的状态值 onPress 功能应该是这样的press() { if (this.state.styleIndex === 0) { this.setState({styleIndex: 1}) } else { this.setState({styleIndex: 0}) }}