【问题标题】:React Native save an image to iOS camera rollReact Native 将图像保存到 iOS 相机胶卷
【发布时间】:2015-10-17 19:54:05
【问题描述】:

如何将 react native 标签中的图像保存到 iOS 相机胶卷?有一个uri源。 CameraRoll 类有一个名为 saveImageWithTag 的方法,但不清楚如何使用它。我认为文档不够好。

【问题讨论】:

    标签: react-native


    【解决方案1】:

    我有同样的问题,我检查了 react native CameraRoll API,它提供了一个静态函数

    static saveImageWithTag(tag, successCallback, errorCallback) 
    

    帮助您将图像保存到相机胶卷/画廊。

    1.首先,确保您的/node_modules/react-native/Libraries/CameraRoll/RCTCameraRoll.xcodeproj 已正确链接到您当前的项目。如果没有,您应该先按照此处的官方文档进行操作。 (https://facebook.github.io/react-native/docs/linking-libraries-ios.html#content)

    2.其次,准备好你的图片源。对于我来说,我是放在项目 assets-library 中的。

    3.像这样编码。在这种情况下,我在 componentDidMount 执行时保存我的图像。 (这是我的参考链接:https://thebhwgroup.com/blog/accessing-iphone-camera-roll-images-react-native

    'use strict';
    
    var React = require('react-native');
    
    var {
      CameraRoll,
      View,
    } = React;
    
    var CameraRollTest = React.createClass({
      
      componentDidMount() {
        CameraRoll.saveImageWithTag('YOUR_IMAGE_TAG/URI', function(data) {
          console.log(data);
        }, function(err) {
          console.log(err);
        });
    
      },
      render: function() {
        return (
          <View>
          </View>
        );
      }
    });
    
    module.exports = CameraRollTest;

    【讨论】:

    • 虽然此链接可能会回答问题,但最好在此处包含答案的基本部分并提供链接以供参考。如果链接页面发生更改,仅链接的答案可能会失效。
    • 谢谢,我已经在我的回答中添加了我的实现。
    猜你喜欢
    • 2016-06-11
    • 2016-05-01
    • 1970-01-01
    • 1970-01-01
    • 2022-01-01
    • 2015-11-18
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多