如何在REACT NATIVE中为不同长度的信息创建一个单元格可自定义的高度？

Question

我正在尝试制作一个单元格可自定义的高度，这样如果一个视图有更多信息，它将创建一个额外的行，减小字体大小，并延长单元格的高度。

例如，在Facebook评论中，如果有人发布更长的评论，单元格高度将自动增加以适应所有评论。我对React Native相当新，并且没有运气在网上找到这样的东西，所以如果你伙计们可以帮助我，我将不胜感激！谢谢你们

Answer 1

如上所述，React Native实现了flexbox，只要没有使用height属性或定义的flex大小定义高度，视图的高度就应该调整。

就实现动态字体大小而言，如上所述，您可以使用一个函数来检查字符串的大小，并根据长度返回一个值：

_adjustFontSize(string){
  if(string.length > 30) {
      return 14
  } else {
      return 30
  }
}

并像这样实现它，可以在listview或map / loop中使用，传入循环的数据：

<Text style={{fontSize: this._adjustFontSize(data)}}>{data}</Text>

Here是一个实现此处讨论的所有内容的项目：https://rnplay.org/apps/MbZ6tA