相机滚动

保留所有版权。

源代码是在 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

1. 'use strict';
2. var React = require('react-native');
3. var {
4. CameraRoll,
5. Image,
6. SliderIOS,
7. StyleSheet,
8. SwitchIOS,
9. Text,
10. View,
11. } = React;
12. var CameraRollView = require('./CameraRollView.ios');
13. var CAMERA_ROLL_VIEW = 'camera_roll_view';
14. var CameraRollExample = React.createClass({
15. getInitialState() {
16. return {
17. groupTypes: 'SavedPhotos',
18. sliderValue: 1,
19. bigImages: true,
20. };
21. },
22. render() {
23. return (
24. <View>
25. <SwitchIOS
26. onValueChange={this._onSwitchChange}
27. value={this.state.bigImages} />
28. <Text>{(this.state.bigImages ? 'Big' : 'Small') + ' Images'}</Text>
29. <SliderIOS
30. value={this.state.sliderValue}
31. onValueChange={this._onSliderChange}
32. />
33. <Text>{'Group Type: ' + this.state.groupTypes}</Text>
34. <CameraRollView
35. ref={CAMERA_ROLL_VIEW}
36. batchSize={5}
37. groupTypes={this.state.groupTypes}
38. renderImage={this._renderImage}
39. />
40. </View>
41. );
42. },
43. _renderImage(asset) {
44. var imageSize = this.state.bigImages ? 150 : 75;
45. var imageStyle = [styles.image, {width: imageSize, height: imageSize}];
46. var location = asset.node.location.longitude ?
47. JSON.stringify(asset.node.location) : 'Unknown location';
48. return (
49. <View key={asset} style={styles.row}>
50. <Image
51. source={asset.node.image}
52. style={imageStyle}
53. />
54. <View style={styles.info}>
55. <Text style={styles.url}>{asset.node.image.uri}</Text>
56. <Text>{location}</Text>
57. <Text>{asset.node.group_name}</Text>
58. <Text>{new Date(asset.node.timestamp).toString()}</Text>
59. </View>
60. </View>
61. );
62. },
63. _onSliderChange(value) {
64. var options = CameraRoll.GroupTypesOptions;
65. var index = Math.floor(value * options.length * 0.99);
66. var groupTypes = options[index];
67. if (groupTypes !== this.state.groupTypes) {
68. this.setState({groupTypes: groupTypes});
69. }
70. },
71. _onSwitchChange(value) {
72. this.refs[CAMERA_ROLL_VIEW].rendererChanged();
73. this.setState({ bigImages: value });
74. }
75. });
76. var styles = StyleSheet.create({
77. row: {
78. flexDirection: 'row',
79. flex: 1,
80. },
81. url: {
82. fontSize: 9,
83. marginBottom: 14,
84. },
85. image: {
86. margin: 4,
87. },
88. info: {
89. flex: 1,
90. },
91. });
92. exports.title = '<CameraRollView>';
93. exports.description = 'Example component that uses CameraRoll to list user\'s photos';
94. exports.examples = [
95. {
96. title: 'Photos',
97. render(): ReactElement { return <CameraRollExample />; }
98. }
99. ];