Reactjs 如何在REACT NATIVE中为不同长度的信息定制单元格高度?

Reactjs 如何在REACT NATIVE中为不同长度的信息定制单元格高度?,reactjs,react-native,Reactjs,React Native,我正在尝试创建一个可自定义的单元格高度,这样,如果一个视图有更多信息,它将创建一个额外的行,减小字体大小,并延长单元格高度 例如,就像在Facebook评论中一样,如果有人发表更长的评论,单元格高度将自动增加,以容纳所有评论。我对React Native还比较陌生,在网上没有找到类似的东西,所以如果你们能帮我的话,我将不胜感激!感谢大家如上所述,React Native实现了flexbox,只要没有使用height属性或定义的flex大小定义高度,视图的高度就应该调整 就实现动态字体大小而言,如

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


例如,就像在Facebook评论中一样,如果有人发表更长的评论,单元格高度将自动增加,以容纳所有评论。我对React Native还比较陌生,在网上没有找到类似的东西,所以如果你们能帮我的话,我将不胜感激!感谢大家

如上所述,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>
{data}

这是一个实现这里讨论的所有内容的项目:

这将自然发生,因为react native使用flexboxit不会自然发生,因为我现在正在为每一行使用具有固定高度的listview。高度的适当算法是什么?不要使用固定高度,容器应根据需要增长