嵌套文字的borderRadius和填充样式

Question

我想对嵌套文本应用不同的borderRadius和padding样式，但是据我所知，React native还不支持此功能。是否有解决方法？

到目前为止我尝试过的是：

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

预期结果：具有不同背景和borderradius的文本。

实际结果：背景是不同的，但未应用borderRadius

Answer 1

您可以将该代码放入文本样式中

borderRadius: 10,
borderWidth: 1,
borderColor: '#fff'