réagit natif: comment changer de style de segment actif?

Question

J'utilise react-native, je veux changer le style de bouton segment actif, j'ai ce code:

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> 

quand un bouton sellected, je veux qu'il a le style:

borderBottomColor: 'red' 

que devrais-je faire?

Answer 1

Créer un état pour gérer et mettre à jour le bouton sélectionné sur clic puis utilisez le style comme celui-ci

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