React Native的相機與相冊訪問

在React Native中，訪問相機和相冊是相對簡單的。你可以使用第三方庫react-native-camera來實現這個功能。以下是如何在React Native項目中使用react-native-camera庫來訪問相機和相冊的步驟：

1. 安裝react-native-camera庫：

你可以使用npm或yarn來安裝這個庫。例如，使用npm，你可以運行：

npm install react-native-camera --save

對于iOS，你還需要在ios目錄下運行pod install。 2. 鏈接庫（對于React Native < 0.60）：

如果你使用的是React Native 0.59或更早的版本，你需要手動鏈接這個庫。你可以使用react-native link react-native-camera命令來完成這個操作。

對于React Native 0.60及更高版本，庫的鏈接是自動的，但你可能仍然需要運行react-native link react-native-camera來確保一切正常工作。 3. 訪問相機和相冊：

在你的React Native組件中，你可以使用react-native-camera庫提供的API來訪問相機和相冊。例如，以下代碼片段展示了如何打開相機并拍攝照片：

import React, {useRef} from 'react';
import {Button, Image} from 'react-native';
import RNCamera from 'react-native-camera';

const App = () => {
  const cameraRef = useRef(null);

  const takePicture = async () => {
    if (cameraRef.current) {
      const options = {quality: 0.5, base64: true};
      const data = await cameraRef.current.takePictureAsync(options);
      console.log(data.uri);
    }
  };

  return (
    <RNCamera
      ref={cameraRef}
      style={{flex: 1}}
      type={RNCamera.Constants.Type.back}
      flashMode={RNCamera.Constants.FlashMode.off}
      androidCameraPermissionOptions={{
        title: '許可提醒',
        message: '需要訪問您的相機',
        buttonPositive: '確定',
        buttonNegative: '取消',
      }}
      captureAudio={false}>
      <Button title="打開相機" onPress={takePicture} />
      {/* 你還可以在這里添加其他的UI元素來顯示預覽或照片 */}
    </RNCamera>
  );
};

export default App;

對于相冊的訪問，你可以使用react-native-camera庫中的getPhotos方法。這個方法會返回一個Promise，解析為一個包含所有照片的數組。你可以將這些照片顯示在UI中，或者上傳到服務器。

注意：在使用這些功能時，請確保你了解并遵守了用戶的隱私政策和權限要求。在Android上，你需要在AndroidManifest.xml文件中請求相機和存儲權限。在iOS上，你需要在Info.plist文件中添加相應的隱私描述。