美文网首页
react-native的CameraRoll组件使用心得

react-native的CameraRoll组件使用心得

作者: 既然可以颠覆何必循规蹈矩 | 来源:发表于2017-07-03 17:36 被阅读0次

    1.saveToCameraRoll 保存一个图片到相册。

    CameraRoll.saveImageWithTag(imgUrl).then(
                (url) => {
                  alert('图片保存成功');
                }
              ).catch(
                error => {
                  alert('保存照片失败' + error);
                }
                );
    
            }
    

    2.getPhotos(params:object) 获取手机中相册中的内容 , 参数params是一个对象,一些删选的条件

    let fetchParams = {
      first: 10,    // 数值     一次获取多少张照片
      assetType: 'Photos',   //只获取照片
      //groupTypes in not supported on Android
      // groupTypes:'All',
    };
    
    
      //this作用域问题
      let  _that = this;
      CameraRoll.getPhotos(fetchParams).then(
          (data) => {
            let edges = data.edges;
            //.map 是针对数组里的每一个元素,
            //调用回调函数 ,第一个参数是元素,第二个参数是下标,然后把每次调用的返回值按顺序再组织成一个新的数组
            let images = edges.map((edge) => {
              //返回img的地址
              return edge.node.image;
            });
            _that.setState({
              images: images,
            });
          }
    
        ).catch(error => {
          console.log('出错了:' + error);
    
        });
    

    //unshift() 方法可向数组的开头添加一个或更多元素,并返回新的长度。

    相关文章

      网友评论

          本文标题:react-native的CameraRoll组件使用心得

          本文链接:https://www.haomeiwen.com/subject/nxzacxtx.html