TikTok-ähnliche Videoaufnahme und Drag-and-Drop – die App modern machen

Es gibt einen Unterschied zwischen einer App, die funktioniert, und einer App, die Lust macht, benutzt zu werden.

TikTok-ähnliche Videoaufnahme

Die Aufnahmeoberfläche ist von TikTok inspiriert: zentraler Button, Vollbild-Vorschau, minimale Bedienelemente. Die größte Herausforderung: die Videokompression. Rohvideos von einem Smartphone wiegen Dutzende von MB für wenige Sekunden. Ich habe die Aufnahme so konfiguriert, dass Auflösung und Bitrate begrenzt werden.

Drag-and-Drop von Tabs

TAMSIV hat 6 Haupt-Tabs. Ich habe die Neuanordnung per Drag-and-Drop implementiert: langes Drücken, Ziehen, Loslassen. Die Reihenfolge wird in der Datenbank in userProfile.mainTabsOrder gespeichert.

Der größte Stolperstein: In einem GestureDetector müssen unbedingt die Komponenten von react-native-gesture-handler verwendet werden, niemals die von react-native. Ich habe Stunden mit diesem Fehler verloren.

Das unendliche Karussell

Um zwischen Elementen des Feeds zu navigieren, habe ich ein unendliches Karussell mit Vorladen angrenzender Elemente implementiert. Kein Spinner, kein sichtbares Laden. Die Illusion eines immer bereiten Inhalts.

Diese Details sind einzeln unbedeutend. Zusammen erzeugen sie ein Gefühl der Flüssigkeit, das den Unterschied macht zwischen einer App, die man aus Pflicht benutzt, und einer, die man aus Freude benutzt.