创新互联React教程：相机滚动

保留所有版权。

创新互联专注于西华企业网站建设,响应式网站设计,商城网站开发。西华网站建设公司,为西华等地区提供建站服务。全流程定制网站设计，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

源代码是在 BSD-style 许可下经过许可的，是在源代码树的根目录下的 LICENSE 文件里找到的。额外授予的专利权可以在同目录下的 PATENTS 文件里找到。

@flow

方法

static saveImageWithTag(tag: string, successCallback, errorCallback)

利用tag标签保存图像到相机相册。

@param {string} tag - 可以是我们所接受的三种标签中的任意一个：1、url 2、assets-library 标签 3、存储一个图像的内存中返回的标签

static getPhotos(params: object, callback: function, errorCallback: function)

利用来自设备中的本地相机相册的图片识别对象来调用 callback 函数，通过 getPhotosReturnChecker 来定义匹配类型。

@param {object} params -见 getPhotosParamChecker 。@param {function} callback -通过getPhotosReturnChecker 定义自变量的类型调用成功。@param {function} errorCallback - 通过错误消息调用失败。

例子

Edit on GitHub

    'use strict';    var React = require('react-native');    var {
      CameraRoll,
      Image,
      SliderIOS,
      StyleSheet,
      SwitchIOS,
      Text,
      View,
    } = React;    var CameraRollView = require('./CameraRollView.ios');    var CAMERA_ROLL_VIEW = 'camera_roll_view';    var CameraRollExample = React.createClass({
      getInitialState() {        return {
          groupTypes: 'SavedPhotos',
          sliderValue: 1,
          bigImages: true,
        };
      },
      render() {        return (
          
            
            {(this.state.bigImages ? 'Big' : 'Small') + ' Images'}
            
            {'Group Type: ' + this.state.groupTypes}
            
          
        );
      },
      _renderImage(asset) {        var imageSize = this.state.bigImages ? 150 : 75;        var imageStyle = [styles.image, {width: imageSize, height: imageSize}];        var location = asset.node.location.longitude ?
          JSON.stringify(asset.node.location) : 'Unknown location';        return (
          
            
            
              {asset.node.image.uri}
              {location}
              {asset.node.group_name}
              {new Date(asset.node.timestamp).toString()}
            
          
        );
      },
      _onSliderChange(value) {        var options = CameraRoll.GroupTypesOptions;        var index = Math.floor(value * options.length * 0.99);        var groupTypes = options[index];        if (groupTypes !== this.state.groupTypes) {          this.setState({groupTypes: groupTypes});
        }
      },
      _onSwitchChange(value) {        this.refs[CAMERA_ROLL_VIEW].rendererChanged();        this.setState({ bigImages: value });
      }
    });    var styles = StyleSheet.create({
      row: {
        flexDirection: 'row',
        flex: 1,
      },
      url: {
        fontSize: 9,
        marginBottom: 14,
      },
      image: {
        margin: 4,
      },
      info: {
        flex: 1,
      },
    });
    exports.title = '';
    exports.description = 'Example component that uses CameraRoll to list user\'s photos';
    exports.examples = [
      {
        title: 'Photos',
        render(): ReactElement { return ; }
      }
    ];

分享名称：创新互联React教程：相机滚动
标题路径：http://www.shufengxianlan.com/qtweb/news10/123710.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联