Methods

• saveToCameraRoll
• getPhotos

參考

Methods

saveToCameraRoll()

CameraRoll.saveToCameraRoll(tag, [type]);

getPhotos()

CameraRoll.getPhotos(params);

• first : {number} : 按照照片應用程序的相反順序想要的照片數量（即最近的第一個用於SavedPhotos的照片）。
• after : {string} : 與之前調用getPhotos返回的page_info {end_cursor}匹配的游標。
• groupTypes : {string} : 指定要將結果過濾到的組類型。有效值為：
  • Album
  • All
  • Event
  • Faces
  • Library
  • PhotoStream
  • SavedPhotos // default
• groupName : {string} : 指定對組名稱的過濾，例如“最近的照片”或自定義相冊標題。
• assetType : {string} : 指定資產類型的過濾器。有效值為：
  • All
  • Videos
  • Photos // default
• mimeTypes : {Array} : 按mimetype過濾（例如image / jpeg）。

• edges : {Array} 節點對象的數組
  • node: {object} 具有以下形狀的對象：
    • type: {string}
    • group_name: {string}
    • image: {object} : 具有以下形狀的對象：
      • uri: {string}
      • height: {number}
      • width: {number}
      • isStored: {boolean}
      • playableDuration: {number}
    • timestamp: {number}
    • location: {object} : 具有以下形狀的對象：
      • latitude: {number}
      • longitude: {number}
      • altitude: {number}
      • heading: {number}
      • speed: {number}
• page_info : {object} : 具有以下形狀的對象：
  • has_next_page: {boolean}
  • start_cursor: {string}
  • end_cursor: {string}

範例

_handleButtonPress = () => {
   CameraRoll.getPhotos({
       first: 20,
       assetType: 'Photos',
     })
     .then(r => {
       this.setState({ photos: r.edges });
     })
     .catch((err) => {
        //Error Loading Images
     });
   };
render() {
 return (
   <View>
     <Button title="Load Images" onPress={this._handleButtonPress} />
     <ScrollView>
       {this.state.photos.map((p, i) => {
       return (
         <Image
           key={i}
           style={{
             width: 300,
             height: 100,
           }}
           source={{ uri: p.node.image.uri }}
         />
       );
     })}
     </ScrollView>
   </View>
 );
}