React Native列表渲染：用View包裹Text还是直接返回Text？

两种写法都没问题，核心看你的实际需求：

选讲师推荐的View包裹Text的情况 #

如果你的列表项需要容器级样式或扩展交互，比如：

• 给整个列表项加外边距、内边距、背景色、边框、阴影
• 后续要添加图标、按钮等元素，需要用flex布局调整多元素的排列
• 需要更大的点击触发区域（给View加onPress比给Text加更灵活，Text的点击区域仅覆盖文字内容）
  这种情况下，View作为容器能更好地承载这些需求，且跨平台（iOS/Android）的样式表现更一致。

选直接返回Text的情况 #

如果你的列表项只需要Text本身的样式（比如字体大小、颜色、行高），没有额外的容器样式或交互需求，直接返回Text更简洁，少一层原生组件，性能上也会略优，完全可以正常使用。

重要提醒：别用Math.random()当key #

不管选哪种写法，都要改掉用Math.random()作为key的习惯。每次组件渲染都会生成新的随机数，会导致React Native频繁销毁重建列表项组件，严重影响性能。建议用列表项的唯一标识：

• 如果是对象数组，用elem.id这类唯一属性
• 如果是字符串/数字数组，确保元素唯一的话可以直接用elem本身

示例代码（修正key后的优化写法）：

// 直接返回Text的写法
<View>
  {list.map((elem) => (
    <Text key={elem} style={styles.text}>
      {elem}
    </Text>
  ))}
</View>

内容的提问来源于stack exchange，提问作者Denis