React Native Mobile App Development Course in Pune

import React, { useState } from 'react';
import { StyleSheet, Text, View, Pressable } from 'react-native';
import * as Location from 'expo-location';

export default function GPSTracker() {
    const [coords, setCoords] = useState(null);

    const getGeoLocation = async () => {
        let { status } = await Location.requestForegroundPermissionsAsync();
        if (status !== 'granted') return;
        let loc = await Location.getCurrentPositionAsync({});
        setCoords(loc.coords);
    };

    return (
        <View style={styles.container}>
            <Pressable onPress={getGeoLocation} style={styles.btn}>
                <Text style={styles.btnText}>Capture GPS Coordinates</Text>
            </Pressable>
            {coords && (
                <Text style={styles.text}>Lat: {coords.latitude}, Lon: {coords.longitude}</Text>
            )}
        </View>
    );
}

const styles = StyleSheet.create({
    container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#0b0f19' },
    btn: { backgroundColor: '#14b8a6', padding: 16, borderRadius: 8 },
    btnText: { color: '#0b0f19', fontWeight: 'bold' },
    text: { color: '#ffffff', marginTop: 16, fontSize: 16 }
});