ListItem — Kuito Dokumentation

Verwendung

Scroll a list in a test.

Dieser Typ wird verwendet von 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'));
});

Typdeklaration

export interface ListItem<T> {
  item: T;
  /** The item's position, a signal like `For`'s index: it follows items before it as they come and go. */
  index: ReadonlySignal<number>;
  /** Whether the row is on screen, by `viewability`'s threshold. */
  visible: ReadonlySignal<boolean>;
}

Mitglieder 3

Name	Typ	Erforderlich	Beschreibung
`item`	`T`	Ja	—
`index`	`ReadonlySignal<number>`	Ja	The item's position, a signal like `For`'s index: it follows items before it as they come and go.
`visible`	`ReadonlySignal<boolean>`	Ja	Whether the row is on screen, by `viewability`'s threshold.

Generiert aus den öffentlichen TypeScript-Deklarationen: Signaturen, Props und Standardwerte stammen aus der geprüften Quelle, Beschreibungen aus deren JSDoc. Kein Standardwert ist erfunden.