KeyboardFrame — Kuito Documentation

Utilisation

Dismiss and observe the keyboard

Ce type est utilisé par keyboard.frame

tsx

import { Box, Button, Text, VStack, keyboard } from 'kuito';

export default function KeyboardState() {
  keyboard.frame.value; // { screenX, screenY, width, height } or null

  // In a component, until it unmounts; elsewhere, until remove().
  keyboard.watch('didShow', (event) => console.log(event.frame.height, event.duration));

  return (
    <VStack>
      <Text>{keyboard.visible.value ? 'typing' : ''}</Text>
      {/* Rides on the keyboard. */}
      <Box translateY={keyboard.height.map((height) => -height)} />
      <Button onPress={() => keyboard.dismiss()}>Done</Button>
    </VStack>
  );
}

Déclaration du type

export interface KeyboardFrame {
  screenX: number;
  screenY: number;
  width: number;
  height: number;
}

Membres 4

Nom	Type	Requis	Description
`screenX`	`number`	Oui	—
`screenY`	`number`	Oui	—
`width`	`number`	Oui	—
`height`	`number`	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.