如何对本例中的A进行样式设置，使背景为圆形，并且当屏幕调整大小或移动到另一行时，它充当文本的一部分？

我不确定有哪些选项，但我尝试了以下选项:

选项1:

<Text>Round 1 of 3 <Text style={styles.red_circle}>A</Text></Text>

这个问题是我不能让背景变成圆形，最后变成椭圆形

选项2:

<Text>Round 1 of 3 <Text style={styles.red_circle}>A</Text></Text>

使用此选项时，红色背景是圆形的，但当屏幕宽度被压扁并进入下一行时，红色背景不作为同一行的一部分

样式

<Text>Round 1 of 3 <Text style={styles.red_circle}>A</Text></Text>

顺晟科技：

没那么复杂。

父级中的A将整件事居中。

编辑

您可以处理多个字母，填充不能处理所有字母。

所以替代解决方案:

注意：如果of不是，则字母向左。

您的css应该如下所示（观察边框半径）:

<Text>Round 1 of 3 <Text style={styles.red_circle}>A</Text></Text>

此外，如果您希望它在较小的屏幕上换行/转到下一行，您可以为此目的使用。