How to use the @egjs/infinitegrid.LayoutManager function in @egjs/infinitegrid

To help you get started, we’ve selected a few @egjs/infinitegrid examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github naver / egjs-infinitegrid / packages / react-infinitegrid / src / InfiniteGrid.js View on Github external
{
				isOverflowScroll,
				horizontal,
				container: this._renderer.container,
				resize: () => setTimeout(() => { this.setState({ layout: true }); }),
				check: param => this._onCheck(param),
			});
		this._infinite = new Infinite(this._items, {
			horizontal,
			threshold,
			useRecycle: true,
			append: param => this._requestAppend(param),
			prepend: param => this._requestPrepend(param),
			recycle: param => this._recycle(param),
		});
		this._manager = new LayoutManager(this._items, this._renderer, {
			isEqualSize,
			isConstantSize,
		});

		this._manager.setLayout(this._layout);
		this._updateLayout();
		this._setSize(this._renderer.getViewportSize());
		this._updateGroups();
		this._watcher.setScrollPos();

		const items = this._getVisibleItems();
		const status = this.props.status;
		const length = items.length;

		if (!length) {
			this.state.isFirstRender = false;

@egjs/infinitegrid

A module used to arrange elements including content infinitely according to grid type. With this module, you can implement various grids composed of different card elements whose sizes vary. It guarantees performance by maintaining the number of DOMs the

MIT
Latest version published 6 months ago

Package Health Score

73 / 100
Full package analysis