Ir al contenido
jolt.
← Recetas

TOQUE Y GESTOS / iOS / NATIVESCRIPT VUE

Todo se conecta.

Un panel que se arrastra, desplaza y sigue al teclado.

Grabación nativa · iOSSimulador iOS 26 · ejecución nativa con interacción real vía XCTest, velocidad original. No mide el rendimiento de un dispositivo físico.

El movimiento detrás.

Jolt 0.1.0-rc.11

El ejemplo de API, extraído del guía. Consulta la demo completa para la interfaz y los controles.

TypeScript · NativeScript
import { bottomSheet } from '@rafaelaugusto/jolt/bottom-sheet'
import { motionScope } from '@rafaelaugusto/jolt'

const scope = motionScope()
const sheet = scope.add(
  bottomSheet(panel, {
    handle,
    scrollView: results,
    snap: ['content', '50%', '90%'],
    backdrop,
    returnFocus: openButton,
    keyboard: 'follow',
  }),
)

sheet.open('50%')
sheet.expand() // Next larger resolved stop
sheet.collapse() // Next smaller stop, then dismiss
sheet.dismiss()
// On component destruction:
scope.dispose()
Ver demo completa ↗

Lee la guía completa ↗