Ir para o conteúdo
jolt.
← Receitas

TOQUE E GESTOS / iOS / NATIVESCRIPT VUE

Tudo se conecta.

Um painel que arrasta, rola e acompanha o teclado.

Gravação nativa · iOSSimulador iOS 26 · execução nativa com interação real via XCTest, velocidade original. Não é uma medição em aparelho físico.

O movimento por trás.

Jolt 0.1.0-rc.11

O exemplo da API, extraído diretamente do guia. Veja a demo completa para a interface e os 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 ↗

Leia o guia completo ↗