Блог

Я хочу отобразить текст из 2 текстовых компонентов в одной строке, первая строка — «Качество:…», а вторая — «Хорошее»,»Умеренное»,»Плохое», где в зависимости от текста он окрашен в зеленый, желтый или красный цвет. Моя проблема в том, что ответ отображается в новой строке, а не рядом друг с другом.

Это мой код :

 lt;Text style={{fontSize:10}}gt;Quality :lt;/Textgt;   { quality == 1 ? lt;Text style={{fontSize:20, color: 'green'}}gt;Goodlt;/Textgt; :   quality == 2 ? lt;Text style={{fontSize:20, color: 'yellow'}}gt;Moderatelt;/Textgt; :  quality gt;= 3 ? lt;Text style={{fontSize:20, color: 'red'}}gt;Badlt;/Textgt; :  lt;Text style={{fontSize:50}}gt;error getting qualitylt;/Textgt;  }  

Попробуйте использовать этот способ [ закройте lt;/Textgt; тег в конце ]

 lt;Text style={{fontSize:10}}gt;Quality :  { ..... same as it is ..... } lt;/Textgt; // add here