react-virtualized

0熱度

1回答

我需要創建元素Grid的一個實例，以便我可以在代碼中調用它的功能？例如，如果theGrid的類型爲Grid，我希望將它放在頁面上，但我也想將它保存爲局部變量，以便稍後可以說：theGrid.forceUpdate()。下面的代碼不顯示Grid。但是，如果我用<Grid...>代替（當然有參數），它會顯示在頁面上，但我不再可以在我的代碼中引用它。 import React from 'react';

0熱度

1回答

react-virtualized列表組件擴展最後一行的高度

我有一個來自react-virtualized的List組件，它使用height prop來設置它的行高。但是，水平滾動條與最後一行重疊，很難看到最後一行的文本內容。有沒有辦法增加最後一行的高度，以便水平滾動條不與文本重疊。在處理實時增長的動態List時，在代碼中動態執行此操作會帶來麻煩。我嘗試使用最後一個孩子選擇器，但沒有成功。任何洞察力將不勝感激。

0熱度

1回答

react-virtualized共享CellMeasurerCache用於多個網格

我並排獲得了幾個網格，對於其中的第一個，我想要使用CellMeasurer動態計算行高度，如何從另一個網格中重用CellMeasurerCache（以同步單元高度/寬度）？ jsbin example class App extends React.Component { constructor(props) { super(props); this.leftHea

0熱度

1回答

使用react-virtualized InfiniteLoader

react-virtualized的InfiniteLoader需要種子數據才能正常工作嗎？以下是我的組件： class Bookmarks extends PureComponent { constructor(props) { super(props); this.loaded = { cursor: null, data: []

0熱度

1回答

無限裝載網格是在錯誤的時間

我使用反應虛擬化構建無限裝載網格，它也使用AutoSizer來處理動態網格寬度和WindowScroller以使得能夠與視口滾動觸發loadMoreRows。但是，我無法在我的無限加載Grid的適當位置成功觸發loadMoreRows。我已經縮小了兩兩件事：當我設置columnCount 1而不是3下面的示例所示，裝載過程似乎按預期方式工作（即您滾動接近底部，它會加載另一批次，直到我們完全加載

0熱度

1回答

React虛擬化AutoSizer +砌體不會渲染，直到調整大小

我試圖綁定AutoSizer和Masonry組件反應虛擬化。我的項目列表處於狀態，並在componentDidMount（）中異步顯示。如果我使用簡單的匿名箭頭函數渲染砌體，一切都可以。但是，如果我使用「renderMasonry」之類的單獨函數，那麼在調整窗口大小並觸發重新渲染之前，我會得到一個空的結果。我不明白爲什麼AutoSizer在這種情況下不會重新渲染。 Plunkr is here h

2熱度

1回答

react-virtualized InfiniteLoader在兩個方向上，頂部和底部

如何在上下兩個方向上進行無限滾動。我正在使用InfiniteLoader和List，兩者都是react-virtualized組件。我有一個具有初始日期時間範圍的時間戳列表。從那裏的名單應該是無限的雙向。目前，向下滾動到列表底部將觸發函數_loadMoreRows（）。但是，我想在向上滾動時觸發具有相同功能的_loadMoreRows（）。

0熱度

2回答

scrollToRow結果關閉動態高度列表

首先，讓我提供一些關於我的反應虛擬化用例的背景。我正在使用它與V2.0測試版react-pdf一起構建PDF查看器，可以更有效地處理顯示/渲染大量頁面的PDF文檔。一個重要的要求是，PDF查看器是完全響應，並可以處理頁面可能有不同高度的文檔。我已經成功地將兩個軟件包（有一些小的react-pdf相關的hickups）組合起來，但有一些事情並不像我所期望的那樣工作。最明顯的是，滾動到特定的行（

0熱度

1回答

@類型/反應虛擬化分型正在生產

我使用TS錯誤： typescript 2.1.6（雖然我可以重現該錯誤與2.4.0以及） react 15.6.1 react-virtualized 9.9.0 @types/react-virtualized 9.7.3 TS抱怨以下（舉例）代碼： import * as React from "react"; import { List, ListRowProps } from "rea

1熱度

1回答

反應虛擬化：scrollToIndex不是我一個<code>List</code>有一個問題與<code>CellMeasurer</code>結合<code>scrollToIndex</code> CellMeasurer

工作。如果我設置scrollToIndex一些較大的值（可能對應於還沒有被測量還行前行中的任意索引），然後我向上滾動，滾動似乎重置回它原來的位置重複。最終它開始重置越來越高，直到最終我回到了名單的開始。相關Plunker - 這是用300元（所有相同的靜態高度，CellMeasurer是沒有必要的，但它說明了我的問題）的列表，我設置scrollToIndex至150嘗試向上滾動。 https:/