App.tsx

import { requestAndroidLocationPermissions } from "@vietmap/vietmap-gl-react-native";
import { useEffect, useState } from "react";
import { LogBox, Platform, StyleSheet, Text, View } from "react-native";
import { SafeAreaProvider, SafeAreaView } from "react-native-safe-area-context";
import "react-native-gesture-handler";

import { Home } from "./Examples";
import { sheet } from "./styles/sheet";

LogBox.ignoreLogs([
"Warning: isMounted(...) is deprecated",
"Module RCTImageLoader",
]);

const styles = StyleSheet.create({
noPermissionsText: {
  fontSize: 18,
  fontWeight: "bold",
},
});

const IS_ANDROID = Platform.OS === "android";

export default function App() {
const [isFetchingAndroidPermission, setIsFetchingAndroidPermission] =
  useState(IS_ANDROID);
const [isAndroidPermissionGranted, setIsAndroidPermissionGranted] =
  useState(false);

useEffect(() => {
  (async () => {
    if (IS_ANDROID) {
      const isGranted = await requestAndroidLocationPermissions();

      setIsAndroidPermissionGranted(isGranted);
      setIsFetchingAndroidPermission(false);
    }
  })();
}, []);

if (IS_ANDROID && !isAndroidPermissionGranted) {
  if (isFetchingAndroidPermission) {
    return null;
  }

  return (
    <SafeAreaProvider>
      <SafeAreaView style={sheet.matchParent}>
        <View style={sheet.matchParent}>
          <Text style={styles.noPermissionsText}>
            You need to accept location permissions in order to use this
            example applications
          </Text>
        </View>
      </SafeAreaView>
    </SafeAreaProvider>
  );
}

return (
  <SafeAreaProvider>
    <Home />
  </SafeAreaProvider>
);
}