Oorsig
Hierdie dokument gee 'n uiteensetting van die ontwikkeling van 'n mobiele toepassing wat ontwerp is om gebruiker se ligging, tyd en afstand afgelê te volg. Die toepassing sluit kenmerke in om nasporing te begin en te stop, spoordata van tyd tot tyd op 'n databasis te stoor via 'n API, en verseker dat data met gereelde tussenposes ingesamel word wanneer nasporing aktief is.
Pakkette
Gefinaliseerde pakketlys:
@react-native-async-storage/async-storage
@reageer-inheemse-gemeenskap/geolocation
@reageer-native-masked-view/masked-view
@reageer-navigasie/onder-oortjies
@reageer-navigasie/inheems
@reageer-navigasie/native-stack
@reageer-navigasie/stapel
haversine
jwt-dekodeer
reageer-inheemse-agtergrond-aksies
reageer-inheemse-agtergrond-timer
reageer-inheemse-basis64
reageer-inheemse-grafiekstel
reageer-inheemse-sirkulêre-vordering-aanwyser
reageer-inheemse-geokodering
reageer-native-geolocation-diens
reageer-inheemse-gebaar-hanteerder
reageer-inheemse-begaafde-kaarte
reageer-inheemse-beeldkieser
reageer-inheemse-kaarte
reageer-inheemse-toestemmings
reageer-inheems-gereanimeerd
reageer-inheemse-skerms
reageer-inheemse-sensors
reageer-inheems-skud
reageer-inheemse-svg-transformator
reageer-inheemse-vektor-ikone
reageer-inheemse-visie-kamera
Enjins
Node.js
Weergawe: >=18
Beskrywing: Die toepassing vereis Node.js weergawe 18 of hoër.
Skerms en daar funksioneer
Tuisskerm
Die tuisskerm in die toepassing dien as die hoofkoppelvlak vir die aanvang en bestuur van liggingopsporingsessies. Dit bied funksies om nasporing te begin en te stop, die gebruiker se huidige ligging op 'n kaart te vertoon en die verloop van tyd en afstand wat tydens die sessie afgelê is, op te spoor.
Funksies
lees Data
Beskrywing: Lees die gebruiker se teken vanaf AsyncStorage vir stawingdoeleindes.
handleStartTracker
Beskrywing: Begin die dopsessie deur 'n POST-versoek na die agterkant-API te stuur om die gebruiker se ligging te begin dop.
handlePause Tracker
Beskrywing: Onderbreek die dopsessie deur 'n POST-versoek na die agterkant-API te stuur om tydelik op te hou om die gebruiker se ligging na te spoor.
handleUpdateLocations
Beskrywing: Dateer die gebruiker se huidige ligging op deur 'n POST-versoek na die agterkant-API te stuur met opgedateerde breedtegraad, lengtegraad en ligging-ID.
bereken Afstand
Beskrywing: Bereken die afstand tussen twee geografiese koördinate deur die Haversine-formule te gebruik.
beginVoorgrondliggingopdaterings
Beskrywing: Begin om die gebruiker se ligging op die voorgrond op te dateer met gereelde tussenposes deur die toestel se geoliggingdiens te gebruik.
stopVoorgrondliggingopdaterings
Beskrywing: Hou op om die gebruiker se ligging op die voorgrond op te dateer en maak die interval wat vir liggingopdaterings gestel is, skoon.
beginLocationTracking
Beskrywing: Inisieer liggingopsporing deur liggingopdaterings op die voorgrond te begin en 'n tydhouer op te stel om die verloop van tyd na te spoor.
stopLocationTracking
Beskrywing: Stop liggingnasporing deur voorgrondliggingopdaterings te stop, afstand afgelê te bereken en die finale opsporingsdata na die agterkant-API te stuur.
Tydlyn skerm
Funksies
lees Data
Beskrywing: Lees die gebruiker se teken vanaf AsyncStorage vir stawingdoeleindes.
bereken Totale Afstand
Beskrywing: Bereken die totale afstand afgelê op grond van die dopsessie-data.
gebruikEffek
Beskrywing: Roep die readData-funksie op komponentmontering aan om opsporingsdata te gaan haal.
Aktiwiteit skerm
Funksies
skakel Wys1
Beskrywing: Wissel die sigbaarheid van die aftreklys om die jaar te kies.
skakel Wys2
Beskrywing: Wissel die sigbaarheid van die aftreklys vir die keuse van die maand.
skakel Wys3
Beskrywing: Wissel die sigbaarheid van die aftreklys om die dag te kies.
steldag
Beskrywing: Stel die geselekteerde dag vir die bekyk van aktiwiteitsdata.
stelMaand
Beskrywing: Stel die geselekteerde maand vir die bekyk van aktiwiteitdata.
steljaar
Beskrywing: Stel die geselekteerde jaar vir die bekyk van aktiwiteitdata.
Profielskerm
Funksies
getToken
Beskrywing: Haal die gebruiker se stawingtoken van AsyncStorage af.
toggleIsLogin
Beskrywing: Wissel die gebruiker se aanmeldstatus.
toggleUserLoginStatus
Beskrywing: Wissel die gebruiker se aanmeldstatus en werk AsyncStorage dienooreenkomstig op.
Opgedateer op
04 Mrt. 2026