Capture vidéo TikTok-style et drag-and-drop — rendre l'app moderne

Il y a une différence entre une app qui fonctionne et une app qui donne envie d'être utilisée.

Capture vidéo façon TikTok

L'interface de capture s'inspire de TikTok : bouton central, aperçu plein écran, contrôles minimaux. Le plus gros défi : la compression vidéo. Les vidéos brutes d'un smartphone pèsent des dizaines de Mo pour quelques secondes. J'ai configuré la capture pour limiter la résolution et le bitrate.

Drag-and-drop des onglets

TAMSIV a 6 onglets principaux. J'ai implémenté la réorganisation par drag-and-drop : appui long, glisser, relâcher. L'ordre est sauvegardé en base dans userProfile.mainTabsOrder.

Le gotcha majeur : dans un GestureDetector, il faut obligatoirement utiliser les composants de react-native-gesture-handler, jamais ceux de react-native. J'ai perdu des heures sur ce bug.

Le carousel infini

Pour naviguer entre éléments du feed, j'ai implémenté un carousel infini avec pré-chargement des éléments adjacents. Pas de spinner, pas de chargement visible. L'illusion d'un contenu toujours prêt.

Ces détails sont insignifiants individuellement. Collectivement, ils créent une sensation de fluidité qui fait la différence entre une app qu'on utilise par obligation et une qu'on utilise par plaisir.