React Native：可点击的项目列表

Question

我正在做一个字典应用，其中包含以下项目列表：

• 可接受，仁慈，大，慈善，体贴
• 公平，善良，乐于助人，诚实，好客
• 奢华，合理，体贴，宽容，无私

列表中的每个项目都是一个链接，可链接到与单击的单词相关的相似列表。

我有两个问题：

• 如何在React Native中做到这一点而又不让React Native WebView关心？必须支持样式（如图所示）并以某种方式处理目标点击。

欢迎使用

• 替代解决方案，包括基于WebView组件构建的解决方案。只是在这里考虑性能方面。

P.S。我在M.-W中发现了相同的功能。字典应用：

Answer 1

根据文档：

  

Text支持嵌套，样式和触摸处理。

因此，我认为最好的解决方案是正确嵌套文本并将其传递给函数以处理onPress操作。

我将给出一个示例代码，该代码根本没有样式，但可以完全样式化：

  onPress = (text) => {
    // do stuff
    return
  }

  render() {
    return (
      <View style={styles.container}>
        <Card>
          <Text>
          Synonyms: 
            {this.state.synonyms.map(synonym => {
              return <Text onPress={() => this.onPress(synonym)}> {synonym} </Text>
            })}
          </Text>
        </Card>
      </View>
    );
  }

here是个小吃，如果你想看看