Blog
Feature
18 de outubro de 20255 min

Captura de vídeo estilo TikTok e arrastar e soltar — modernizando o aplicativo

Existe uma diferença entre um aplicativo que funciona e um aplicativo que dá vontade de usar.

Captura de vídeo estilo TikTok

A interface de captura é inspirada no TikTok: botão central, visualização em tela cheia, controles mínimos. O maior desafio: a compressão de vídeo. Vídeos brutos de um smartphone pesam dezenas de MB por alguns segundos. Configurei a captura para limitar a resolução e o bitrate.

Arrastar e soltar das abas

TAMSIV tem 6 abas principais. Implementei a reorganização por arrastar e soltar: toque longo, arraste, solte. A ordem é salva no banco de dados em userProfile.mainTabsOrder.

O grande problema: em um GestureDetector, é obrigatório usar os componentes de react-native-gesture-handler, nunca os de react-native. Perdi horas com esse bug.

O carrossel infinito

Para navegar entre os elementos do feed, implementei um carrossel infinito com pré-carregamento dos elementos adjacentes. Sem spinner, sem carregamento visível. A ilusão de um conteúdo sempre pronto.

Esses detalhes são insignificantes individualmente. Coletivamente, eles criam uma sensação de fluidez que faz a diferença entre um aplicativo que você usa por obrigação e um que você usa por prazer.