Blog
Feature
18 de octubre de 20255 min

Captura de video estilo TikTok y arrastrar y soltar — modernizar la aplicación

Hay una diferencia entre una aplicación que funciona y una aplicación que dan ganas de usar.

Captura de video estilo TikTok

La interfaz de captura se inspira en TikTok: botón central, vista previa a pantalla completa, controles mínimos. El mayor desafío: la compresión de video. Los videos brutos de un smartphone pesan decenas de MB por unos segundos. He configurado la captura para limitar la resolución y el bitrate.

Arrastrar y soltar las pestañas

TAMSIV tiene 6 pestañas principales. He implementado la reorganización mediante arrastrar y soltar: pulsación larga, arrastrar, soltar. El orden se guarda en la base de datos en userProfile.mainTabsOrder.

El gran problema: en un GestureDetector, es obligatorio usar los componentes de react-native-gesture-handler, nunca los de react-native. Perdí horas con este error.

El carrusel infinito

Para navegar entre los elementos del feed, he implementado un carrusel infinito con precarga de los elementos adyacentes. Sin spinner, sin carga visible. La ilusión de un contenido siempre listo.

Estos detalles son insignificantes individualmente. Colectivamente, crean una sensación de fluidez que marca la diferencia entre una aplicación que se usa por obligación y una que se usa por placer.