react-native - 按下按钮时 react 原生添加事件类

Question

我在 react 原生项目 iOS 应用上有 3 个按钮。如何将事件类(class)设置为单击按钮并从其他人那里删除该类(class)？就像我在 jquery 上使用的 addClass/removeClass 一样？

Answer 1

首先让你定义你的风格“类”。

const styles = StyleSheet.create({
  btnSelected: {
     ...
  },
  notSelected : {
  }
});

然后你可以在你的 react 组件中使用 state 属性。

示例:

state = {
  btnSelected: 1
}

<Button 
    style={(this.state.btnSelected== 1)?styles.btnSelected:styles.notSelected}
    onPress={() => this.setState({ btnSelected: 1 })} ... />
<Button 
    style={(this.state.btnSelected== 2)?styles.btnSelected:styles.notSelected} ... 
    onPress={() => this.setState({ btnSelected: 2 })} .../>
<Button 
    style={(this.state.btnSelected== 3)?styles.btnSelected:styles.notSelected} 
    onPress={() => this.setState({ btnSelected: 3 })} ... />