实现点击按钮页面保存到手机图库的功能

以下是大致的步骤：

### 步骤概览：

1. **导入所需模块**：

   ```javascript

   import * as MediaLibrary from 'expo-media-library';

   ```

2. **保存二维码到相册**：

   ```javascript

   const saveQRCodeToGallery = async (uri) => {

     try {

       const asset = await MediaLibrary.createAssetAsync(uri);

       if (asset) {

         alert('二维码已保存到相册！');

       } else {

         alert('保存失败，请重试！');

       }

     } catch (error) {

       console.error('保存出错:', error);

       alert('保存出错，请重试！');

     }

   };

   ```

3. **调用保存函数**：

在适当的时机（例如用户点击按钮）调用 `saveQRCodeToGallery` 函数，将二维码的 URI 作为参数传递给该函数。

假设你有一个展示二维码的组件，你可以在需要保存的时候调用 `saveQRCodeToGallery` 函数。

```javascript
import React from 'react';
import { View, Image, Button } from 'react-native';
import * as MediaLibrary from 'expo-media-library';
import QRCode from 'react-native-qrcode-svg'; // 假设使用了这个库生成二维码

export default function QRCodeScreen() {
  const saveQRCodeToGallery = async (uri) => {
    try {
      const asset = await MediaLibrary.createAssetAsync(uri);
      if (asset) {
        alert('二维码已保存到相册！');
      } else {
        alert('保存失败，请重试！');
      }
    } catch (error) {
      console.error('保存出错:', error);
      alert('保存出错，请重试！');
    }
  };

  const generateQRCode = () => {
    // 假设生成二维码的方法名为 generateQRCodeData
    const qrCodeData = generateQRCodeData(); // 替换成实际的生成二维码的方法
    return qrCodeData;
  };

  const handleSaveQRCode = () => {
    const qrCodeData = generateQRCode();
    saveQRCodeToGallery(qrCodeData); // 保存二维码到相册
  };

  return (
    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
      <QRCode value="Your QR Code Data" /> {/* 替换成实际的二维码生成 */}
      <Button title="保存到相册" onPress={handleSaveQRCode} />
    </View>
  );
}
```

在这个示例中，`generateQRCode` 方法用于生成二维码数据。然后，通过 `saveQRCodeToGallery` 函数将生成的二维码保存到相册。确保将 `generateQRCodeData` 替换为实际的生成二维码的方法。