Javascript React Native中主文本上方的注释文本

我正在努力使汉语拼音（罗马化）超过汉字的母语

我已经完成了这项工作，如下图所示，代码如下：

{this.state.article.json.map((content, index) => (
  <Fragment>
    <View style={{ flexDirection: 'row' }}>
      <Text style={{ fontSize: 10 }}>{content.pinyin}</Text>
    </View>
    <Text
    >
      {content.simplified}
    </Text>

  </Fragment>
))}

{this.state.article.json.map（（内容，索引）=>(
{content.pinyin}
{content.simplified}
))}

但是，没有正文文本是内联的。当我尝试用

标记包装文本时，它会去除拼音，或者使其内联，这取决于我所做的修改

在React Native中是否仍然可以获得“高于文本”的注释，同时保持文本的其余部分是内联的

---

这似乎适用于我的用例：

<View style={{ flexDirection: "row", flexWrap: 'wrap' }}>
  {this.state.article.json.map((content, index) => (
    <View>
      <View style={{ flexDirection: 'column' }}>
        <Text style={{ fontSize: 10 }}>{content.pinyin}</Text>
      </View>
      <View>
        <Text
        >
          {content.simplified}
        </Text>
      </View>
    </View>

  ))}
</View>

{this.state.article.json.map（（内容，索引）=>(
{content.pinyin}
{content.simplified}
))}

这似乎适用于我的用例：

<View style={{ flexDirection: "row", flexWrap: 'wrap' }}>
  {this.state.article.json.map((content, index) => (
    <View>
      <View style={{ flexDirection: 'column' }}>
        <Text style={{ fontSize: 10 }}>{content.pinyin}</Text>
      </View>
      <View>
        <Text
        >
          {content.simplified}
        </Text>
      </View>
    </View>

  ))}
</View>

{this.state.article.json.map（（内容，索引）=>(
{content.pinyin}
{content.simplified}
))}