createListView

createListView<T>(opts): ListViewHandle<T>

Defined in: ui/widgets/list-view.ts:184

Build a virtualized list (or grid) in one call.

Type Parameters

T

T

Parameters

opts

CreateListViewOptions<T>

Returns

ListViewHandle<T>

Example

const list = createListView<Player>({
  world, parent, viewportSize: { x: 320, y: 480 },
  data: arrayDataSource(players),
  layout: { itemHeight: 56 },
  item: {
    create: (w, parent) => spawnUIEntity({ world: w, parent, node: { height: px(56) } }),
    bind: (e, p) => setText(e, p.name),
  },
});
list.data.append([newPlayer]);   // auto-refreshes