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.