小编Mar*_*ile的帖子

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>
    )}
Run Code Online (Sandbox Code Playgroud)

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

javascript resize list reactjs react-window

13
推荐指数
1
解决办法
4636
查看次数

标签 统计

javascript ×1

list ×1

react-window ×1

reactjs ×1

resize ×1