探索React Native Permissions：优雅地处理应用权限

import React, { useState, useEffect } from 'react';
import { Text, View, Button } from 'react-native';
 
export default function PermissionsExample() {
  const [cameraPermission, setCameraPermission] = useState(null);
 
  const requestCameraPermission = async () => {
    const cameraPermissionStatus = await requestCameraPermissionAsync();
    setCameraPermission(cameraPermissionStatus);
  };
 
  useEffect(() => {
    (async () => {
      const cameraPermissionStatus = await checkCameraPermissionAsync();
      setCameraPermission(cameraPermissionStatus);
    })();
  }, []);
 
  if (cameraPermission === null) {
    return <Text>正在检查相机权限...</Text>;
  }
 
  if (cameraPermission === 'granted') {
    return <Text>相机权限已获取。</Text>;
  }
 
  if (cameraPermission === 'denied') {
    return (
      <View>
        <Text>相机权限被拒绝。</Text>
        <Button title="请求相机权限" onPress={requestCameraPermission} />
      </View>
    );
  }
 
  // 假设有 `requestCameraPermissionAsync` 和 `checkCameraPermissionAsync` 这两个异步函数用于请求和检查相机权限。
}

这个代码示例展示了如何在React Native应用中请求相机权限，并且使用useState和useEffect来管理组件的状态。它首先检查权限状态，如果没有授权，则提供一个按钮供用户触发权限请求。这个例子简洁明了，并且教导了如何处理权限请求的异步操作。