Встроенный стиль React Native в операторе if / else

#css #react-native #if-statement

Вопрос:

Я пытаюсь оформить один элемент оператора if / else так, чтобы, если этот текст отображается, он был курсивом. Я пробовал несколько встроенных вариантов и тоже пробовал style={styles.italic} .

Заранее спасибо за помощь.

 if (profileIncomplete) {
    subText = translations.formatString(translations['user.complete'], {
      user: user.name,
    });

1. Как вы отображаете подтекст?

2. @GuruparanGiritharan <Text style={styles.subText}>{subText}</Text> проблема в том, что подтекст может быть одним из 3 потенциальных результатов, и мне нужно, чтобы он был выделен курсивом. Спасибо за вашу помощь

Ответ №1:

Если у вас есть условие, которое вы можете выполнить, как показано ниже, используя троичный оператор, поэтому, когда ваше условие истинно, оно будет использовать стиль подтекста, а в других сценариях — пустой стиль.

Предположим, что ‘isItalic’ является логическим значением, вы также можете заменить его любым условием

 <Text style={isItalic ? styles.subText:{}}>{subText}</Text>