按下按钮时,React native添加活动类

Question

我在原生项目iOS应用程序上有3个按钮.如何将类激活设置为单击按钮并从其他人中删除此类？就像我在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 })} ... />