AcertijosappsEl acertijo está en hacerlo
Volver

react-native-fold

@acertijosapps/react-native-fold · v1.0.0 · 0 descargas

React Native
react-native-fold — Vista previa
Elegir gestor de paquetes
$ npm i @acertijosapps/react-native-fold$ yarn add @acertijosapps/react-native-fold

Descripción

Expone el estado del pliegue con el hook useFold y trae componentes que acomodan tu interfaz alrededor de la bisagra. En Android lee la postura desde androidx.window; en iOS, el estado de la bisagra desde UIHingeInteraction.

  • useFold devuelve si el dispositivo está medio abierto, si la bisagra separa la pantalla, su orientación y sus límites en dp (null cuando no hay pliegue).
  • FoldPane divide arriba y abajo en postura de mesa; FoldBookPane, lado a lado en postura de libro. Anida uno como fallback del otro para cubrir ambas.
  • Cada panel mide su propia posición en la ventana, así que se alinea con la bisagra aunque haya un header encima, y reserva el espacio del pliegue en lugar de partir 50/50.

Requiere React Native 0.80+ con la New Architecture (es un Turbo Module) y React 19.1+. En iOS la detección necesita iOS 27.1+ y compilar con Xcode 27.1 o posterior; con un Xcode anterior la librería compila, pero useFold siempre devuelve null en iOS.