javascript - React Native 中正文上方的注释文本

Question

我正在尝试在 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>
))}

但是，没有正文是内联的。当我尝试用<Text>标签包装这个文本时，它会去掉拼音，或者也让它内联，这取决于我所做的修改。

无论如何要在 React Native 中获得“文本之上”的注释，同时保持其余文本是内联的？

Answer 1

这似乎适用于我的用例：

<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>