ScrollEvent — Kuito Documentação

Utilização

Scroll a list in a test.

Este tipo é usado por List

tsx

// Scroll a list in a test.
import { List, Text } from 'kuito';
import { assert, render, screen, scroll, test } from 'kuito/tests';

const rows = Array.from({ length: 200 }, (_, index) => `Row ${index}`);

const Long = () => <List data={rows} renderItem={({ item }) => <Text height={44}>{item}</Text>} />;

test('rows far down bind once the list scrolls to them', async () => {
  await render(<Long />);

  assert.equal(screen.queryByText('Row 150'), null);

  await scroll(screen.getByText('Row 0'), { y: 150 * 44 });

  assert.ok(screen.getByText('Row 150'));
});

Declaração do tipo

export interface ScrollEvent extends KuitoEvent<'scroll'>, ScrollPayload {}

Membros 9

Nome	Tipo	Obrigatório	Descrição
`type`	`"scroll"`	Sim	—
`target`	`unknown`	Sim	—
`isTrusted`	`boolean`	Sim	—
`x`	`number`	Sim	—
`y`	`number`	Sim	—
`contentWidth`	`number`	Sim	—
`contentHeight`	`number`	Sim	—
`layoutWidth`	`number`	Sim	—
`layoutHeight`	`number`	Sim	—

Gerado a partir das declarações TypeScript públicas: assinaturas, props e predefinições vêm da fonte verificada, as descrições da sua JSDoc. Nenhuma predefinição é inventada.