diff options
author | Anton Dubik <anton.dubik33@gmail.com> | 2020-01-28 22:09:49 +0300 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-01-28 22:09:49 +0300 |
commit | d246305bfa280221efa8ee31cf6a841fbf54f378 (patch) | |
tree | 2029301838a09c072a8e4caaa3e6dc6e7a0c1a15 /src/lib/components/SmartList | |
parent | 51326e543f5f7d468d30e46288e91ef98d77a9d8 (diff) | |
parent | 53143dfc36e66e285256706a8ec837e2bd2f8427 (diff) | |
download | react-benzin-d246305bfa280221efa8ee31cf6a841fbf54f378.tar.gz |
Merge pull request #1 from Eug-VS/developv1.0.1
BENZIN Release 1.0.1
Diffstat (limited to 'src/lib/components/SmartList')
-rw-r--r-- | src/lib/components/SmartList/SmartList.js | 28 |
1 files changed, 28 insertions, 0 deletions
diff --git a/src/lib/components/SmartList/SmartList.js b/src/lib/components/SmartList/SmartList.js new file mode 100644 index 0000000..b462c47 --- /dev/null +++ b/src/lib/components/SmartList/SmartList.js @@ -0,0 +1,28 @@ +import React from 'react'; + +import { FixedSizeList } from 'react-window'; +import AutoSizer from 'react-virtualized-auto-sizer'; + + +const SmartList = ({ itemSize, itemCount, renderItem }) => { + + return ( + <div style={{ flex: '1 1 auto', overflow: 'hidden' }}> + <AutoSizer> + {({ width, height }) => ( + <FixedSizeList + height={height} + width={width} + itemSize={itemSize} + itemCount={itemCount} + > + {renderItem} + </FixedSizeList> + )} + </AutoSizer> + </div> + ); +}; + + +export default SmartList; |