Acquisizione video in stile TikTok e drag-and-drop — rendere l'app moderna
C'è una differenza tra un'app che funziona e un'app che invoglia a essere usata.
Acquisizione video in stile TikTok
L'interfaccia di acquisizione si ispira a TikTok: pulsante centrale, anteprima a schermo intero, controlli minimi. La sfida più grande: la compressione video. I video grezzi di uno smartphone pesano decine di MB per pochi secondi. Ho configurato l'acquisizione per limitare la risoluzione e il bitrate.
Drag-and-drop delle schede
TAMSIV ha 6 schede principali. Ho implementato la riorganizzazione tramite drag-and-drop: pressione lunga, trascina, rilascia. L'ordine viene salvato nel database in userProfile.mainTabsOrder.
Il problema principale: in un GestureDetector, è obbligatorio utilizzare i componenti di react-native-gesture-handler, mai quelli di react-native. Ho perso ore su questo bug.
Il carosello infinito
Per navigare tra gli elementi del feed, ho implementato un carosello infinito con pre-caricamento degli elementi adiacenti. Nessun spinner, nessun caricamento visibile. L'illusione di un contenuto sempre pronto.
Questi dettagli sono insignificanti individualmente. Collettivamente, creano una sensazione di fluidità che fa la differenza tra un'app che si usa per obbligo e una che si usa per piacere.