React Native: borderRadius и стиль заполнения для вложенного текста - PullRequest
Новая
       39

React Native: borderRadius и стиль заполнения для вложенного текста

2 голосов
/ 30 апреля 2020

Я хочу применить другой borderRadius и стили заполнения для вложенных текстов, но, насколько я мог понять, это пока не поддерживается реагирующим нативом. Есть ли обходной путь для этого?

До сих пор я пробовал: 

     <Text>
        <Text
          style={{
            backgroundColor: 'green',
            borderRadius: 12,
          }}>
          Text1
        </Text>
        <Text
          style={{
            backgroundColor: 'blue',
            borderRadius: 12,
          }}>
          Text2
        </Text>
      </Text>

Ожидаемый результат: текст с разным фоном и с borderRadius.

Фактический результат: фон отличается rnet, но Граница не применяется

1 Ответ

1 голос
/ 30 апреля 2020

Вы можете поместить этот код в текстовом стиле 

<View
      style={{
        backgroundColor: 'green',
        borderRadius: 10,
        borderWidth: 1,
        borderColor: '#fff',
        padding: 10
      }}>
     <Text>Text1</Text>
    </View>
...