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
>

本机反应：如何改变活动段的风格？

1 个答案: