ViewableItem — Kuito Documentation

Utilisation

Scroll a list in a test.

Ce type est utilisé par 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'));
});

Déclaration du type

export interface ViewableItem<T> {
  item: T;
  key: string;
  index: number;
  visible: boolean;
}

Membres 4

Nom	Type	Requis	Description
`item`	`T`	Oui	—
`key`	`string`	Oui	—
`index`	`number`	Oui	—
`visible`	`boolean`	Oui	—

Généré depuis les déclarations TypeScript publiques : signatures, props et valeurs par défaut viennent de la source vérifiée, les descriptions de sa JSDoc. Aucune valeur par défaut n'est inventée.