3

我正在使用 react-window 来实现一个聊天消息列表,但我在尝试为itemSize每个项目设置权限时遇到了困难。碰巧的是,基于他的文本长度和窗口宽度的聊天消息并不总是前缀高度(或我可以以简单方式计算的高度)。

我目前正在使用 aVariableSizeList并且代码看起来像这样

<AutoSizer>
    {({ height, width }) => (
       <List
        height={height}
        itemCount={messages.length}
        itemSize={(index) => messages[index].isReply ? 118 : 79} /* THIS IS CURRENTLY WRONG, DOESN'T PICK ALL CASES!*/
        width={width}
       >
         {({ index, style }) => (
           <ChatMessage
            key={index}
            style={style}
            ...
           />
         )}
       </List>
    )}

有没有办法将列表行的项目高度设置为其内容的实际高度?

4

0 回答 0