React Native将图像保存到iOS相机胶卷

时间:2015-10-17 19:54:06

标签: react-native

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

1 个答案:

答案 0 :(得分:3)

我有同样的问题,我检查了本机的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.第二,准备好你的图像源。对我来说,我把它放在项目资产库中。

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;