本机反应:如何更改活动段的样式

Question

我正在使用react-native，我想更改活动段按钮的样式，我有以下代码：

import { Segment } from "native-base";
<Segment style={{backgroundColor: '#222'}}>
      <Button bending style={{width: '50%', height: '100%',borderColor: '#222'}}>
        <Text>Bending</Text>
      </Button>
      <Button history style={{width: '50%', height: '100%',borderColor: '#222'}}>
        <Text>History</Text>
      </Button>
    </Segment>

当任何按钮出售时，我希望它具有以下样式：

borderBottomColor: 'red'

我该怎么办？

Answer 1

创建一个状态来管理选定的按钮并在单击时更新，然后使用这样的样式

<Button bending
  style={(this.state.selectedButton == "bending") // condition to add dynamic selector
    ? styles.selectedButtonStyle // with red color
    : buttonStyle} // normal style
>