全局检查位置权限授予状态，自定义Hook实现后位置弹窗不显示如何解决

1. 检查AndroidManifest.xml权限配置 #

首先确认你在安卓项目的android/app/src/main/AndroidManifest.xml中已经添加了位置权限声明：

<!-- 精确定位权限 -->
<uses-permission android:name="android.permission.ACCESS_FINE_LOCATION" />
<!-- 如果目标SDK >=31（安卓12+），还需要根据业务场景添加以下权限之一 -->
<uses-permission android:name="android.permission.ACCESS_COARSE_LOCATION" />
<!-- 如果需要后台定位还需添加 -->
<uses-permission android:name="android.permission.ACCESS_BACKGROUND_LOCATION" />

2. 补全平台兼容逻辑 #

当前useLocation只适配了安卓平台，如果你在iOS设备上运行不会触发权限弹窗，需要补充iOS权限请求逻辑：

• 首先在iOS项目的Info.plist中添加位置权限描述：

<key>NSLocationWhenInUseUsageDescription</key>
<string>App需要访问您的位置以提供相关服务</string>

3. 修正权限返回值判断逻辑 #

PermissionsAndroid.request的返回值是字符串枚举，不是布尔值，你当前直接将返回值赋值给locationAccessGranted会导致判断逻辑完全错误：

• 合法返回值为：PermissionsAndroid.RESULTS.GRANTED（授权）、PermissionsAndroid.RESULTS.DENIED（拒绝）、PermissionsAndroid.RESULTS.NEVER_ASK_AGAIN（拒绝且不再询问）
• 只有返回值等于GRANTED时才代表权限开启，其他值都属于未授权

4. 排查权限请求被拦截的情况 #

• 父组件初始visible为true，如果你的自定义Modal层级高于系统弹窗，可能会遮挡权限弹窗，可以先注释Modal代码测试权限弹窗是否能正常弹出
• 如果用户之前已经拒绝过权限且勾选了「不再询问」，后续调用request方法会直接返回NEVER_ASK_AGAIN，不会弹出系统弹窗，此时需要引导用户手动到系统设置页开启权限
• React Native 0.60+版本已经将自带的Geolocation库拆分移除，必须单独安装react-native-geolocation-service并完成双端配置，否则会抛出异常导致权限请求逻辑中断

5. 补充错误捕获逻辑 #

给权限请求逻辑添加try/catch捕获运行时错误，检查是否有库未导入、未初始化的问题

修正后的完整代码 #

自定义useLocation Hook

import { PermissionsAndroid, Platform, useState, useEffect } from 'react-native';
import Geolocation from 'react-native-geolocation-service';

function useLocation() {
    const [locationAccessGranted, setLocationAccessGranted] = useState(null);
    const [currentLocation, setCurrentLocation] = useState({
        latitude: null,
        longitude: null,
    });

    useEffect(() => {
        const grantLocationAccess = async () => {
            let granted = false;
            try {
                if (Platform.OS === 'ios') {
                    // iOS权限请求
                    const status = await Geolocation.requestAuthorization('whenInUse');
                    granted = status === 'granted';
                }
                if (Platform.OS === 'android') {
                    // 安卓权限请求
                    const result = await PermissionsAndroid.request(
                        PermissionsAndroid.PERMISSIONS.ACCESS_FINE_LOCATION,
                        {
                            title: 'App Location Permission',
                            message: 'App needs access to your location ',
                        }
                    );
                    granted = result === PermissionsAndroid.RESULTS.GRANTED;
                }
                setLocationAccessGranted(granted);
                if (granted) {
                    Geolocation.getCurrentPosition(
                        (position) => {
                            const { latitude, longitude } = position.coords;
                            setCurrentLocation({ latitude: latitude.toString(), longitude: longitude.toString() });
                        },
                        (error) => {
                            console.log(error.code, error.message);
                        },
                        { enableHighAccuracy: true, timeout: 15000, maximumAge: 10000 }
                    );
                }
            } catch (err) {
                console.warn('权限请求出错：', err);
                setLocationAccessGranted(false);
            }
        };
        grantLocationAccess();
    }, []);

    return [locationAccessGranted, currentLocation];
}

父组件调用代码

const [locationAccessGranted, currentLocation] = useLocation();
const [visible, setVisible] = useState(false); // 初始设为false，等权限请求结果返回后再控制显隐

useEffect(() => {
    // 等待权限请求完成（state不为null）再判断
    if (locationAccessGranted !== null) {
        setVisible(!locationAccessGranted);
    }
}, [locationAccessGranted]);

return (
    <>
        <RootNavigation />
        <Modal visible={visible}>
            <Text>Please Enable location</Text>
            {/* 可补充跳转系统设置页的按钮，处理用户拒绝不再询问的场景 */}
        </Modal>
    </>
)

内容的提问来源于stack exchange，提问作者camille