我们可以在本机中使用相同的文本标签制作不同的样式吗？

Question

我有这样的文字：用户ID： 12345
我想把它放在一个文本标签中。 <Text>UserID: 12345</Text>
但如果我这样做，这两个部分将是相同的风格。那么我们只能制作用户ID＆＃34;粗体？

Answer 1

您可以使用嵌套 Text来执行此操作

    <Text>
        <Text style={{ fontWeight: 'bold' }}>UserID:</Text>12345
    </Text>

Answer 2

确保您可以在标签内使用其他标签，如下所示：
    用户ID： 12345

<Text><Text style={styles.bold}>UserID:</Text> 12345</Text>

var styles = StyleSheet.create({ bold: { fontWeight: 'bold', }, };