Javascript 如何为文本之间的某些字符添加文本样式

我正在找一份工作，可以工作

在发布这篇文章时，我的解决方案是在没有嵌套的文本上使用flexbox，并给它嵌套的外观

<Text style={myStyle}>This is a </Text><Bold>word</Bold><Text> in a sentence.</Text>

---

这将适用于文本位于同一行的情况。但是如果一个粗体元素在一个文本块中，而不是在一个简单的行上，我该怎么办呢？也许是一些花哨的CSS或javascript技巧

您可以通过嵌套

Text

组件来实现这一点，如react native documentations中所述

这是一个
句子中的单词。

将

标记视为

，

标记在HTML中类似。您可以将

用作块和内联级元素。 你想要达到的目标可以通过

<Text style={{ color: 'blue' }}>I am a an amazing 
  <Text style={{ fontWeight: 'bold' }}> green</Text> line. I hope you 
  like it. or you can even do multiple nesting 
  <Text style={{ fontSize: '16'}}> of 
    <Text style={{ color: 'red' }}> multiple</Text> 
    elements
  </Text>
</Text>

我是一个了不起的
绿线。我希望你
喜欢。或者您甚至可以进行多次嵌套
属于
倍数
元素

---

我希望这会有所帮助。

您使用了

flexDirection:“row”

来解决问题，但仍然需要嵌套

Text

元素，如下所示：

<Text style={{flexDirection: 'row' }}>
  This is a <Text style={{fontWeight: 'bold'}}>bold word</Text> in a sentence
</Text>

这是一个粗体字

请练习添加对代码的描述性描述，说明其工作原理和/或执行此操作的原因。不幸的是，嵌套文本标记目前无法与React SketchApp一起工作，因为这是一个已知错误（请参阅上面的链接）。然而，我的应用程序有这样的承诺，我想要一个解决办法，直到错误得到修复。

<Text style={{ color: 'blue' }}>I am a an amazing 
  <Text style={{ fontWeight: 'bold' }}> green</Text> line. I hope you 
  like it. or you can even do multiple nesting 
  <Text style={{ fontSize: '16'}}> of 
    <Text style={{ color: 'red' }}> multiple</Text> 
    elements
  </Text>
</Text>

<Text style={{flexDirection: 'row' }}>
  This is a <Text style={{fontWeight: 'bold'}}>bold word</Text> in a sentence
</Text>