0
votes

React Native - Sélectionnez plusieurs styles

avec réact.js Nous pourrions sélectionner plusieurs styles à l'aide de classes comme suit:

        <Text style = { 
          index % 7 == 6 ? styles.weekend : styles.day_text
          }>
            {day.bsDate}
        </Text>


0 commentaires

3 Réponses :


2
votes

Vous pouvez transmettre une matrice dans votre style, comme: xxx

styles variables: xxx

ici, il appliquera le style des deux styles et Inline STYE, vous pouvez passer une autre objet de la feuille de style comme: xxx

mais la plupart des propriétés à droite seront remplacées par gauche.

E.g. Si styles.powerblue ont la propriété MarginRight comme 0, et styles.rightstyled a la propriété MarginRight comme 10. Ensuite, MarginRight 10 sera appliqué car il se trouve sur la plupart des côtés


0 commentaires

0
votes

Faites l'instruction IF en JavaScript, stockez le résultat dans une variable locale et utilisez la variable dans votre JSX.


0 commentaires

0
votes

Je pense que vous pouvez faire de cette façon xxx pré>

et pour le style (vous pouvez le personnaliser comme vous le souhaitez) P>

 some(s) {
        if(s===1)
        return {
            flex:1,
          borderRadius: 12,
         backgroundColor:'red',
        }
        else
        return {
            flex:1,
          borderRadius: 12,
         backgroundColor:'white',
        }
      }


0 commentaires